diff --git a/projects/core/custom-elements.json b/projects/core/custom-elements.json
index 1924eee00..a6f4ffb89 100644
--- a/projects/core/custom-elements.json
+++ b/projects/core/custom-elements.json
@@ -35605,6 +35605,66 @@
}
]
},
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/all-groups.js",
+ "declarations": [
+ {
+ "kind": "function",
+ "name": "listAllIcons"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "listAllIcons",
+ "declaration": {
+ "name": "listAllIcons",
+ "module": "icon/utils/all-groups.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/charts.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "CHART_ICONS"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "CHART_ICONS",
+ "declaration": {
+ "name": "CHART_ICONS",
+ "module": "icon/utils/charts.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/commerce.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "COMMERCE_ICONS"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "COMMERCE_ICONS",
+ "declaration": {
+ "name": "COMMERCE_ICONS",
+ "module": "icon/utils/commerce.js"
+ }
+ }
+ ]
+ },
{
"kind": "javascript-module",
"path": "icon/utils/icon.classnames.js",
@@ -35778,6 +35838,109 @@
}
]
},
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/media.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "MEDIA_ICONS"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "MEDIA_ICONS",
+ "declaration": {
+ "name": "MEDIA_ICONS",
+ "module": "icon/utils/media.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/social.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "SOCIAL_ICONS"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "SOCIAL_ICONS",
+ "declaration": {
+ "name": "SOCIAL_ICONS",
+ "module": "icon/utils/social.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/technology-1.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "TECHNOLOGY_ICONS_PART_ONE",
+ "default": "``"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "TECHNOLOGY_ICONS_PART_ONE",
+ "declaration": {
+ "name": "TECHNOLOGY_ICONS_PART_ONE",
+ "module": "icon/utils/technology-1.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/technology-2.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "TECHNOLOGY_ICONS_PART_2",
+ "default": "``"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "TECHNOLOGY_ICONS_PART_2",
+ "declaration": {
+ "name": "TECHNOLOGY_ICONS_PART_2",
+ "module": "icon/utils/technology-2.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/technology.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "TECHNOLOGY_ICONS",
+ "default": "``"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "TECHNOLOGY_ICONS",
+ "declaration": {
+ "name": "TECHNOLOGY_ICONS",
+ "module": "icon/utils/technology.js"
+ }
+ }
+ ]
+ },
{
"kind": "javascript-module",
"path": "icon/utils/test-icons.js",
@@ -35818,6 +35981,47 @@
}
]
},
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/text-editing.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "TEXT_EDITING_ICONS"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "TEXT_EDITING_ICONS",
+ "declaration": {
+ "name": "TEXT_EDITING_ICONS",
+ "module": "icon/utils/text-editing.js"
+ }
+ }
+ ]
+ },
+ {
+ "kind": "javascript-module",
+ "path": "icon/utils/travel.js",
+ "declarations": [
+ {
+ "kind": "variable",
+ "name": "TRAVEL_ICONS",
+ "default": "``"
+ }
+ ],
+ "exports": [
+ {
+ "kind": "js",
+ "name": "TRAVEL_ICONS",
+ "declaration": {
+ "name": "TRAVEL_ICONS",
+ "module": "icon/utils/travel.js"
+ }
+ }
+ ]
+ },
{
"kind": "javascript-module",
"path": "index.js",
diff --git a/projects/core/src/icon/icon.stories.ts b/projects/core/src/icon/icon.stories.ts
index 976ffd220..8d39076e9 100644
--- a/projects/core/src/icon/icon.stories.ts
+++ b/projects/core/src/icon/icon.stories.ts
@@ -14,8 +14,204 @@ import { customElement, state } from 'lit/decorators.js';
import { homeIcon } from '@cds/core/icon/shapes/home.js';
import { baseStyles, spreadProps, getElementStorybookArgs, property } from '@cds/core/internal';
+import { axisChartIcon } from '@cds/core/icon/shapes/axis-chart.js';
+import { barChartIcon } from '@cds/core/icon/shapes/bar-chart.js';
+import { boxPlotIcon } from '@cds/core/icon/shapes/box-plot.js';
+import { bubbleChartIcon } from '@cds/core/icon/shapes/bubble-chart.js';
+import { cloudChartIcon } from '@cds/core/icon/shapes/cloud-chart.js';
+import { curveChartIcon } from '@cds/core/icon/shapes/curve-chart.js';
+import { gridChartIcon } from '@cds/core/icon/shapes/grid-chart.js';
+import { heatMapIcon } from '@cds/core/icon/shapes/heat-map.js';
+import { lineChartIcon } from '@cds/core/icon/shapes/line-chart.js';
+import { pieChartIcon } from '@cds/core/icon/shapes/pie-chart.js';
+import { scatterPlotIcon } from '@cds/core/icon/shapes/scatter-plot.js';
+import { tickChartIcon } from '@cds/core/icon/shapes/tick-chart.js';
+import { bellCurveIcon } from '@cds/core/icon/shapes/bell-curve.js';
+
+import { calculatorIcon } from '@cds/core/icon/shapes/calculator.js';
+import { piggyBankIcon } from '@cds/core/icon/shapes/piggy-bank.js';
+import { shoppingBagIcon } from '@cds/core/icon/shapes/shopping-bag.js';
+import { shoppingCartIcon } from '@cds/core/icon/shapes/shopping-cart.js';
+import { walletIcon } from '@cds/core/icon/shapes/wallet.js';
+import { storeIcon } from '@cds/core/icon/shapes/store.js';
+import { euroIcon } from '@cds/core/icon/shapes/euro.js';
+import { dollarIcon } from '@cds/core/icon/shapes/dollar.js';
+import { creditCardIcon } from '@cds/core/icon/shapes/credit-card.js';
+import { bankIcon } from '@cds/core/icon/shapes/bank.js';
+import { dollarBillIcon } from '@cds/core/icon/shapes/dollar-bill.js';
+import { eCheckIcon } from '@cds/core/icon/shapes/e-check.js';
+import { poundIcon } from '@cds/core/icon/shapes/pound.js';
+import { rupeeIcon } from '@cds/core/icon/shapes/rupee.js';
+import { wonIcon } from '@cds/core/icon/shapes/won.js';
+import { yenIcon } from '@cds/core/icon/shapes/yen.js';
+import { bitcoinIcon } from '@cds/core/icon/shapes/bitcoin.js';
+import { pesoIcon } from '@cds/core/icon/shapes/peso.js';
+import { coinBagIcon } from '@cds/core/icon/shapes/coin-bag.js';
+import { rubleIcon } from '@cds/core/icon/shapes/ruble.js';
+import { employeeIcon } from '@cds/core/icon/shapes/employee.js';
+import { employeeGroupIcon } from '@cds/core/icon/shapes/employee-group.js';
+import { factoryIcon } from '@cds/core/icon/shapes/factory.js';
+import { playIcon } from '@cds/core/icon/shapes/play.js';
+import { pauseIcon } from '@cds/core/icon/shapes/pause.js';
+import { stepForwardIcon } from '@cds/core/icon/shapes/step-forward.js';
+import { stopIcon } from '@cds/core/icon/shapes/stop.js';
+import { powerIcon } from '@cds/core/icon/shapes/power.js';
+import { rewindIcon } from '@cds/core/icon/shapes/rewind.js';
+import { fastForwardIcon } from '@cds/core/icon/shapes/fast-forward.js';
+import { cameraIcon } from '@cds/core/icon/shapes/camera.js';
+import { videoCameraIcon } from '@cds/core/icon/shapes/video-camera.js';
+import { volumeUpIcon } from '@cds/core/icon/shapes/volume-up.js';
+import { volumeDownIcon } from '@cds/core/icon/shapes/volume-down.js';
+import { volumeMuteIcon } from '@cds/core/icon/shapes/volume-mute.js';
+import { headphonesIcon } from '@cds/core/icon/shapes/headphones.js';
+import { filmStripIcon } from '@cds/core/icon/shapes/film-strip.js';
+import { musicNoteIcon } from '@cds/core/icon/shapes/music-note.js';
+import { imageGalleryIcon } from '@cds/core/icon/shapes/image-gallery.js';
+import { videoGalleryIcon } from '@cds/core/icon/shapes/video-gallery.js';
+import { shuffleIcon } from '@cds/core/icon/shapes/shuffle.js';
+import { wandIcon } from '@cds/core/icon/shapes/wand.js';
+import { replayAllIcon } from '@cds/core/icon/shapes/replay-all.js';
+import { replayOneIcon } from '@cds/core/icon/shapes/replay-one.js';
+
+import { shareIcon } from '@cds/core/icon/shapes/share.js';
+import { starIcon } from '@cds/core/icon/shapes/star.js';
+import { halfStarIcon } from '@cds/core/icon/shapes/half-star.js';
+import { bookmarkIcon } from '@cds/core/icon/shapes/bookmark.js';
+import { envelopeIcon } from '@cds/core/icon/shapes/envelope.js';
+import { calendarIcon } from '@cds/core/icon/shapes/calendar.js';
+import { eventIcon } from '@cds/core/icon/shapes/event.js';
+import { tasksIcon } from '@cds/core/icon/shapes/tasks.js';
+import { flagIcon } from '@cds/core/icon/shapes/flag.js';
+import { inboxIcon } from '@cds/core/icon/shapes/inbox.js';
+import { heartIcon } from '@cds/core/icon/shapes/heart.js';
+import { heartBrokenIcon } from '@cds/core/icon/shapes/heart-broken.js';
+import { talkBubblesIcon } from '@cds/core/icon/shapes/talk-bubbles.js';
+import { chatBubbleIcon } from '@cds/core/icon/shapes/chat-bubble.js';
+import { happyFaceIcon } from '@cds/core/icon/shapes/happy-face.js';
+import { neutralFaceIcon } from '@cds/core/icon/shapes/neutral-face.js';
+import { sadFaceIcon } from '@cds/core/icon/shapes/sad-face.js';
+import { thumbsUpIcon } from '@cds/core/icon/shapes/thumbs-up.js';
+import { thumbsDownIcon } from '@cds/core/icon/shapes/thumbs-down.js';
+import { crownIcon } from '@cds/core/icon/shapes/crown.js';
+import { hashtagIcon } from '@cds/core/icon/shapes/hashtag.js';
+
+import { paintRollerIcon } from '@cds/core/icon/shapes/paint-roller.js';
+import { boldIcon } from '@cds/core/icon/shapes/bold.js';
+import { italicIcon } from '@cds/core/icon/shapes/italic.js';
+import { underlineIcon } from '@cds/core/icon/shapes/underline.js';
+import { fontSizeIcon } from '@cds/core/icon/shapes/font-size.js';
+
+import { bulletListIcon } from '@cds/core/icon/shapes/bullet-list.js';
+import { numberListIcon } from '@cds/core/icon/shapes/number-list.js';
+import { checkboxListIcon } from '@cds/core/icon/shapes/checkbox-list.js';
+import { justifyTextIcon } from '@cds/core/icon/shapes/justify-text.js';
+
+import { textIcon } from '@cds/core/icon/shapes/text.js';
+import { listAllIcons } from './utils/all-groups';
+
// here for testing
-ClarityIcons.addIcons(userIcon, imageIcon, homeIcon);
+
+ClarityIcons.addIcons(
+ userIcon,
+ imageIcon,
+ homeIcon,
+ // Charts
+ axisChartIcon,
+ barChartIcon,
+ boxPlotIcon,
+ bubbleChartIcon,
+ cloudChartIcon,
+ curveChartIcon,
+ gridChartIcon,
+ heatMapIcon,
+ lineChartIcon,
+ pieChartIcon,
+ scatterPlotIcon,
+ tickChartIcon,
+ bellCurveIcon,
+ // Commerce
+ calculatorIcon,
+ piggyBankIcon,
+ shoppingBagIcon,
+ shoppingCartIcon,
+ walletIcon,
+ storeIcon,
+ euroIcon,
+ dollarIcon,
+ creditCardIcon,
+ bankIcon,
+ dollarBillIcon,
+ eCheckIcon,
+ poundIcon,
+ rupeeIcon,
+ wonIcon,
+ yenIcon,
+ bitcoinIcon,
+ pesoIcon,
+ coinBagIcon,
+ rubleIcon,
+ employeeIcon,
+ employeeGroupIcon,
+ factoryIcon,
+
+ // Media
+ playIcon,
+ pauseIcon,
+ stepForwardIcon,
+ stopIcon,
+ powerIcon,
+ rewindIcon,
+ fastForwardIcon,
+ cameraIcon,
+ videoCameraIcon,
+ volumeUpIcon,
+ volumeDownIcon,
+ volumeMuteIcon,
+ headphonesIcon,
+ filmStripIcon,
+ musicNoteIcon,
+ imageGalleryIcon,
+ videoGalleryIcon,
+ shuffleIcon,
+ wandIcon,
+ replayAllIcon,
+ replayOneIcon,
+
+ // Social
+ shareIcon,
+ starIcon,
+ halfStarIcon,
+ bookmarkIcon,
+ envelopeIcon,
+ calendarIcon,
+ eventIcon,
+ tasksIcon,
+ flagIcon,
+ inboxIcon,
+ heartIcon,
+ heartBrokenIcon,
+ talkBubblesIcon,
+ chatBubbleIcon,
+ happyFaceIcon,
+ neutralFaceIcon,
+ sadFaceIcon,
+ thumbsUpIcon,
+ thumbsDownIcon,
+ crownIcon,
+ hashtagIcon,
+
+ // Text edit
+ paintRollerIcon,
+ boldIcon,
+ italicIcon,
+ underlineIcon,
+ fontSizeIcon,
+ textIcon,
+ bulletListIcon,
+ numberListIcon,
+ checkboxListIcon,
+ justifyTextIcon
+);
export default {
title: 'Stories/Icon',
@@ -149,6 +345,10 @@ export function API(args: any) {
`;
}
+export function iconsV3_1_0() {
+ return listAllIcons();
+}
+
/** @website */
export function icon() {
return html`` +
+ `Charts` +
+ `` +
+ `Axis-chart (Dev) Axes (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `Bar-chart (Dev) Bar (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `box-plot (Dev) box (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bubble-chart (Dev) bubble (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `cloud-chart (Dev) cloud (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `curve-chart (Dev) curve (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `grid-chart (Dev) grid (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `heat-map (Dev) heat (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `line-chart (Dev) line (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `pie-chart (Dev) pie (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `scatter-plot (Dev) scatter (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `tick-chart (Dev) ticks (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bell-curve (Dev) bell-curve (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ ``;
diff --git a/projects/core/src/icon/utils/commerce.ts b/projects/core/src/icon/utils/commerce.ts
new file mode 100644
index 000000000..e2d3668c7
--- /dev/null
+++ b/projects/core/src/icon/utils/commerce.ts
@@ -0,0 +1,217 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const COMMERCE_ICONS =
+ `` +
+ `Commerce` +
+ `` +
+ `
` +
+ `calculator (Dev) calculator (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `piggy-bank (Dev) piggy-bank (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `shopping-bag (Dev) shopping-bag (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `shopping-cart (Dev) shopping-cart (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `wallet (Dev) wallet (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `store (Dev) store (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `euro (Dev) euro (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `dollar (Dev) dollar (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `credit-card (Dev) credit-card (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bank (Dev) bank (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `dollar-bill (Dev) dollar-bill (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `e-check (Dev) e-check (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `pound (Dev) pound (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `rupee (Dev) rupee (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `won (Dev) won (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `yen (Dev) yen (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bitcoin (Dev) bitcoin (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `peso (Dev) peso (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `coin-bag (Dev) coin-bag (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `ruble (Dev) ruble (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `employee (Dev) employee (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `employee-grou (Dev) employee-grou (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `factory (Dev) factory (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ ``;
diff --git a/projects/core/src/icon/utils/media.ts b/projects/core/src/icon/utils/media.ts
new file mode 100644
index 000000000..7a66345f8
--- /dev/null
+++ b/projects/core/src/icon/utils/media.ts
@@ -0,0 +1,199 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const MEDIA_ICONS =
+ `Media` +
+ `` +
+ `` +
+ `
` +
+ `play (Dev) play (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `pause (Dev) pause (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `step-forward (Dev) step-forward (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `stop (Dev) stop (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `power (Dev) power (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `rewind (Dev) rewind (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `fast-forward (Dev) fast-forward (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `camera (Dev) camera (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `video-camera (Dev) video-camera (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `volume-up (Dev) volume-up (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `volume-down (Dev) volume-down (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `volume-mute (Dev) volume-mute (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `headphones (Dev) headphones (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `film-strip (Dev) film-strip (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `music-note (Dev) music-note (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `image-gallery (Dev) image-gallery (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `video-gallery (Dev) video-gallery (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `shuffle (Dev) shuffle (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `wand (Dev) wand (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `reply-all (Dev) reply-all (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `reply-one (Dev) reply-one (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ ``;
diff --git a/projects/core/src/icon/utils/social.ts b/projects/core/src/icon/utils/social.ts
new file mode 100644
index 000000000..a6d83139d
--- /dev/null
+++ b/projects/core/src/icon/utils/social.ts
@@ -0,0 +1,199 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const SOCIAL_ICONS =
+ `` +
+ `Social` +
+ `` +
+ `
` +
+ `share (Dev) share (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `star (Dev) star (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `half-star (Dev) half-star (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bookmark (Dev) bookmark (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `envelope (Dev) envelope (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `calendar (Dev) calendar (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `event (Dev) event (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `tasks (Dev) tasks (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `flag (Dev) flag (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `inbox (Dev) inbox (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `heart (Dev) heart (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `heartbroken (Dev) heartbroken (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `talk-bubbles (Dev) talk-bubbles (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `chat-bubbles (Dev) chat-bubbles (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `happy-face (Dev) happy-face (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `neutral-face (Dev) neutral-face (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `sad-face (Dev) sad-face (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `thumbs-up (Dev) thumbs-up (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `thumbs-down (Dev) thumbs-down (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `crown (Dev) crown (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `hashtag (Dev) hash-tag (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ ``;
diff --git a/projects/core/src/icon/utils/technology-1.ts b/projects/core/src/icon/utils/technology-1.ts
new file mode 100644
index 000000000..fcebe7be1
--- /dev/null
+++ b/projects/core/src/icon/utils/technology-1.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TECHNOLOGY_ICONS_PART_ONE = ``;
diff --git a/projects/core/src/icon/utils/technology-2.ts b/projects/core/src/icon/utils/technology-2.ts
new file mode 100644
index 000000000..c7cbb1071
--- /dev/null
+++ b/projects/core/src/icon/utils/technology-2.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TECHNOLOGY_ICONS_PART_2 = ``;
diff --git a/projects/core/src/icon/utils/technology.ts b/projects/core/src/icon/utils/technology.ts
new file mode 100644
index 000000000..120c3d8eb
--- /dev/null
+++ b/projects/core/src/icon/utils/technology.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TECHNOLOGY_ICONS = ``;
diff --git a/projects/core/src/icon/utils/text-editing.ts b/projects/core/src/icon/utils/text-editing.ts
new file mode 100644
index 000000000..8d340b518
--- /dev/null
+++ b/projects/core/src/icon/utils/text-editing.ts
@@ -0,0 +1,109 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TEXT_EDITING_ICONS =
+ `` +
+ `Text editing` +
+ `` +
+ `
` +
+ `share (Dev) share (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `paint-roller (Dev) paint-roller (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bold (Dev) bold (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `italic (Dev) italic (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `underline (Dev) underline (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `font-size (Dev) font-size (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `text (Dev) text (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `bullet-list (Dev) bulleted-list (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `number-list (Dev) numbered-list (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `checkboxed-list (Dev) checkbox-list (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `
` +
+ `justify-list (Dev) justify (Figma):` +
+ `
` +
+ `` +
+ `` +
+ `` +
+ `` +
+ `` +
+ ``;
diff --git a/projects/core/src/icon/utils/travel.ts b/projects/core/src/icon/utils/travel.ts
new file mode 100644
index 000000000..607584fa9
--- /dev/null
+++ b/projects/core/src/icon/utils/travel.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TRAVEL_ICONS = ``;