How to use the @ui5/webcomponents-base/dist/SVGIconRegistry.js.registerIcon function in @ui5/webcomponents-base

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "map-3";
const pathData = "M511 512H46L4 370l33-215L2 1h465l34 154-31 212zm-48-36l-29-106 31-215-29-118H43l30 118-32 212 32 109h390zm-65-153l-36 36 36 36-36 36-35-36-36 36-36-36 36-36-36-36 36-35 36 35 35-35zm-71-143h-72v-70l36-36 36 36v70zM112 359h36v36h-36v-36zm0-71h36v35h-36v-35zm0-72h36v36h-36v-36zm71 143h36v36h-36v-36zm-71-213h36v34h-36v-34zm71 0h36v34h-36v-34z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "x-ray";
const pathData = "M510.5 0v19h-52v17h-17V19h-38v17h-17V19h-37v17h-18V19h-37v17h-18V19h-37v17h-18V19h-37v17h-18V19h-37v17h-17V19h-38v17h-17V19h-55V0h508zm-490 55h18v18h-18v37h18v18h-18v36h18v19h-18v36h18v19h-18v36h18v19h-18v36h18v19h-18v36h18v18h-18v37h18v18h-18v55h-18V36h18v19zm490 55l-33 34h33v302h-33l33 34h-68l-33-34h-202l-33 34h-67l33-34h-33V144h33l-33-34h67l33 34h202l33-34h68zm-33 286V194l-101 101zm-220-219l51 51 51-51h-102zm-117 17v202l101-101zm219 219l-51-51-51 51h102zm101 0l-118-118 118-118h-67l-85 84-84-84h-67l118 118-118 118h67l84-84 85 84h67z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "supplier";
const pathData = "M352 96q0 40-28 68t-68 28-68-28-28-68 28-68 68-28 68 28 28 68zm-96 64q27 0 45.5-19T320 96t-18.5-45T256 32q-26 0-45 19t-19 45 19 45 45 19zM128 352h256v160H128V352zm-96 48q0-20 14-34t34-14h16v96H80q-20 0-34-14t-14-34zm400-48q20 0 34 14t14 34-14 34-34 14h-16v-96h16zm-48-32v-32q0-11-7.5-22.5T356 245t-30.5-15-37.5-6h-64q-20 0-37.5 6T156 245t-20.5 20.5T128 288v32H96q1-35 11.5-59.5T135 221t40-22 49-7h64q27 0 50 6.5t40.5 21.5 27.5 39.5 10 60.5h-32zm-32-32v32h-96v-32h96z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "chevron-phase-2";
const pathData = "M504.873 229.128q6.997 8.995 6.997 20.49t-6.997 19.49L402.925 397.041q-8.995 11.994-24.987 11.994H16.122q-9.995 0-14.492-8.995t2.498-16.992l90.954-113.942q6.996-7.995 6.996-19.49t-6.996-20.49L4.128 115.187q-6.996-7.996-2.498-16.991t14.492-8.996h361.816q14.992 0 24.987 11.994l101.948 127.935z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "activate";
const pathData = "M337 204q12 11 0 23l-56 56L89 475q-5 5-12 5t-11-5l-45-45q-5-5-5-11t5-11l192-193 57-56q5-5 11-5t11 5zm-79 57l-22-23L55 419l22 23zM437 64h59l-47 39 20 64-53-40-54 40 21-64-47-39h59l21-58zm59 224l-47 39 20 64-53-40-54 40 21-64-47-39h59l21-58 21 58h59zM127 103L80 64h60l21-58 21 58h59l-47 39 20 64-53-40-55 40z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "sys-back";
const pathData = "M0 256q0-53 20-100t55-81.5T156.5 20 256 0t100 20 81.5 54.5T492 156t20 100-20 99.5-54.5 81.5-81.5 55-100 20-99.5-20T75 437t-55-81.5T0 256zm480 0q0-46-17.5-87t-48-71.5-71.5-48T256 32t-87 17.5-71.5 48-48 71.5T32 256t17.5 87 48 71.5 71.5 48 87 17.5 87-17.5 71.5-48 48-71.5 17.5-87zM228 133q11-11 22 0 12 12 0 23l-96 93q-6 6 0 11l97 95q11 12 0 23-12 12-23 0L126 277q-9-9-9-22t9-23zm107 0q11-11 22 0 12 12 0 23l-96 93q-6 6 0 11l97 95q11 12 0 23-12 12-23 0L233 277q-9-9-9-22t9-23z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "sales-order";
const pathData = "M300 277q4 5 6 6.5t7 3.5v-55q-27-8-38-21.5T264 175q0-21 14.5-35t34.5-16v-15h18v15q42 5 48 45l-30 4q-2-11-7-15.5t-11-6.5v51q31 8 42 21t11 35q0 25-15 39t-38 19v24h-18v-23q-23-3-36-16t-18-40l33-3q2 11 8 19zm31 10q10 0 16-8t6-17q0-7-4.5-14T331 238v49zm-31-100q2 2 5 4.5t8 4.5v-45q-17 9-17 23 0 6 4 13zM416 0q14 0 23 9.5t9 22.5v448q0 14-9 23t-22 9H97q-14 0-23.5-9T64 480V128L192 0h224zm1 480l-1-448H224v96q0 14-9.5 23t-22.5 9H96v320h321z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "text-align-right";
const pathData = "M448 64v32H80q-16 0-16-16t16-16h368zM256 176q0-16 16-16h176v32H272q-16 0-16-16zM64 272q0-16 16-16h368v32H80q-16 0-16-16zm0 192q0-16 16-16h368v32H80q-16 0-16-16zm192-96q0-16 16-16h176v32H272q-16 0-16-16z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "home";
const pathData = "M507.232 234.262q4.995 4.994 4.995 11.488t-4.995 11.487-11.488 4.496-11.487-5.495L256.499 65.442 27.743 256.238q-4.995 4.995-10.988 5.495t-10.989-4.496T.272 245.75t4.495-11.488L124.64 132.37q21.976-18.98 43.453-36.96t38.46-32.466 27.47-23.475l10.489-8.99q4.995-4.995 11.987-4.995 5.994 0 10.989 4.995l10.488 8.99 27.471 23.475 38.46 32.466 44.452 36.96q52.943 44.952 118.873 101.892zM64.704 268.226q51.944-39.958 93.9-72.923 17.98-13.985 34.962-26.971t30.967-23.475 22.476-16.982 9.49-6.493 9.49 6.493 21.977 16.982 30.467 23.475 34.963 26.971q40.956 32.965 94.899 72.923v172.816q0 13.985-9.49 22.975t-22.476 8.99H288.465v-62.933q0-23.974-.5-43.953t.5-20.977h-63.932q-.999.999-.5 20.478t.5 43.454v63.931H96.67q-13.985 0-22.975-8.99t-8.99-22.975V268.226zm351.625 12.986l-159.83-119.873L96.67 281.212v159.83h95.898v-95.898q0-8.99 3.996-15.983 2.997-5.994 9.49-10.989t18.48-4.994h63.932q11.987 0 18.48 4.994t9.49 10.989 3.497 10.988l.5 4.995v95.898h95.897v-159.83z";


registerIcon(name, { pathData });

import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";

const name = "search";
const pathData = "M470 426q10 9 10 22.5T470 471q-9 9-22 9t-23-9L308 353q-45 31-100 31-36 0-68-13.5T84 333t-38-56-14-69q0-36 14-68t38-56 56-38 68-14 68 14 56 38 38 56 14 68q0 28-8.5 53T353 308zm-262-74q30 0 56-11t45.5-30.5 31-46T352 208t-11.5-56-31-45.5-45.5-31T208 64t-56.5 11.5-46 31T75 152t-11 56 11 56.5 30.5 46 46 30.5 56.5 11z";


registerIcon(name, { pathData });