New icons (#3192)

* [ICONS] new icons Signed-off-by: stsogoo <stsogoo@vmware.com>
vmware-archive · Mar 21, 2019 · 53f44fb · 53f44fb
1 parent 0bd9964
commit 53f44fb
Show file tree

Hide file tree

Showing 26 changed files with 16 additions and 7 deletions.
diff --git a/gemini/dark-screens/iconography/selection-essential-shapes/line-alerted/chrome.png b/gemini/dark-screens/iconography/selection-essential-shapes/line-alerted/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-essential-shapes/line-badged/chrome.png b/gemini/dark-screens/iconography/selection-essential-shapes/line-badged/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-essential-shapes/line/chrome.png b/gemini/dark-screens/iconography/selection-essential-shapes/line/chrome.png
diff --git a/...ni/dark-screens/iconography/selection-essential-shapes/solid-alerted/chrome.png b/...ni/dark-screens/iconography/selection-essential-shapes/solid-alerted/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-essential-shapes/solid-badged/chrome.png b/gemini/dark-screens/iconography/selection-essential-shapes/solid-badged/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-essential-shapes/solid/chrome.png b/gemini/dark-screens/iconography/selection-essential-shapes/solid/chrome.png
diff --git a/...ni/dark-screens/iconography/selection-technology-shapes/line-alerted/chrome.png b/...ni/dark-screens/iconography/selection-technology-shapes/line-alerted/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-technology-shapes/line-badged/chrome.png b/gemini/dark-screens/iconography/selection-technology-shapes/line-badged/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-technology-shapes/line/chrome.png b/gemini/dark-screens/iconography/selection-technology-shapes/line/chrome.png
diff --git a/...i/dark-screens/iconography/selection-technology-shapes/solid-alerted/chrome.png b/...i/dark-screens/iconography/selection-technology-shapes/solid-alerted/chrome.png
diff --git a/...ni/dark-screens/iconography/selection-technology-shapes/solid-badged/chrome.png b/...ni/dark-screens/iconography/selection-technology-shapes/solid-badged/chrome.png
diff --git a/gemini/dark-screens/iconography/selection-technology-shapes/solid/chrome.png b/gemini/dark-screens/iconography/selection-technology-shapes/solid/chrome.png
diff --git a/gemini/screens/iconography/selection-essential-shapes/line-alerted/chrome.png b/gemini/screens/iconography/selection-essential-shapes/line-alerted/chrome.png
diff --git a/gemini/screens/iconography/selection-essential-shapes/line-badged/chrome.png b/gemini/screens/iconography/selection-essential-shapes/line-badged/chrome.png
diff --git a/gemini/screens/iconography/selection-essential-shapes/line/chrome.png b/gemini/screens/iconography/selection-essential-shapes/line/chrome.png
diff --git a/gemini/screens/iconography/selection-essential-shapes/solid-alerted/chrome.png b/gemini/screens/iconography/selection-essential-shapes/solid-alerted/chrome.png
diff --git a/gemini/screens/iconography/selection-essential-shapes/solid-badged/chrome.png b/gemini/screens/iconography/selection-essential-shapes/solid-badged/chrome.png
diff --git a/gemini/screens/iconography/selection-essential-shapes/solid/chrome.png b/gemini/screens/iconography/selection-essential-shapes/solid/chrome.png
diff --git a/gemini/screens/iconography/selection-technology-shapes/line-alerted/chrome.png b/gemini/screens/iconography/selection-technology-shapes/line-alerted/chrome.png
diff --git a/gemini/screens/iconography/selection-technology-shapes/line-badged/chrome.png b/gemini/screens/iconography/selection-technology-shapes/line-badged/chrome.png
diff --git a/gemini/screens/iconography/selection-technology-shapes/line/chrome.png b/gemini/screens/iconography/selection-technology-shapes/line/chrome.png
diff --git a/gemini/screens/iconography/selection-technology-shapes/solid-alerted/chrome.png b/gemini/screens/iconography/selection-technology-shapes/solid-alerted/chrome.png
diff --git a/gemini/screens/iconography/selection-technology-shapes/solid-badged/chrome.png b/gemini/screens/iconography/selection-technology-shapes/solid-badged/chrome.png
diff --git a/gemini/screens/iconography/selection-technology-shapes/solid/chrome.png b/gemini/screens/iconography/selection-technology-shapes/solid/chrome.png
diff --git a/src/clr-icons/shapes/essential-shapes.ts b/src/clr-icons/shapes/essential-shapes.ts
@@ -289,10 +289,6 @@ export const ClrShapeTrash = clrIconSVG(
                 <path class="clr-i-solid clr-i-solid-path-1" d="M6,9V31a2.93,2.93,0,0,0,2.86,3H27.09A2.93,2.93,0,0,0,30,31V9Zm9,20H13V14h2Zm8,0H21V14h2Z"/>
                 <path class="clr-i-solid clr-i-solid-path-2" d="M30.73,5H23V4A2,2,0,0,0,21,2h-6.2A2,2,0,0,0,13,4V5H5A1,1,0,1,0,5,7H30.73a1,1,0,0,0,0-2Z"/>`
 );
-export const ClrShapeCircle = clrIconSVG(
-  `<path d="M18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Zm0,26A12,12,0,1,1,30,18,12,12,0,0,1,18,30Z" class="clr-i-outline clr-i-outline-path-1"/>
-            <path d="M18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z" class="clr-i-solid clr-i-solid-path-1"/>`
-);
 export const ClrShapeTag = clrIconSVG(`<circle cx="10.52" cy="10.52" r="1.43" class="clr-i-outline clr-i-outline-path-1"/>
             <path d="M31.93,19.2,17.33,4.6A2,2,0,0,0,15.92,4L6,4A2,2,0,0,0,4,6l0,9.92a2,2,0,0,0,.59,1.41l14.6,14.6a2,2,0,0,0,2.83,0l9.9-9.9A2,2,0,0,0,31.93,19.2ZM20.62,30.52,6,15.91V6h9.92l14.6,14.62Z" class="clr-i-outline clr-i-outline-path-2"/>
             <circle cx="10.52" cy="10.52" r="1.43" class="clr-i-outline--alerted clr-i-outline-path-1--alerted"/>
@@ -893,15 +889,18 @@ export const ClrShapeSnowflake = clrIconSVG(
 export const ClrShapeTable = clrIconSVG(
   `<path d="M8,34a1,1,0,0,1-1-1V2.92a1,1,0,0,1,2,0V33A1,1,0,0,1,8,34Z" class="clr-i-outline clr-i-outline-path-1" /><path d="M17,33.92a1,1,0,0,1-1-1V9.1a1,1,0,1,1,2,0V32.92A1,1,0,0,1,17,33.92Z" class="clr-i-outline clr-i-outline-path-2" /><path d="M26,34a1,1,0,0,1-1-1V9a1,1,0,0,1,2,0V33A1,1,0,0,1,26,34Z" class="clr-i-outline clr-i-outline-path-3" /><path d="M33.11,18h-25a1,1,0,1,1,0-2h25a1,1,0,1,1,0,2Z" class="clr-i-outline clr-i-outline-path-4" /><path d="M33.1,26.94H8.1A1,1,0,1,1,8.1,25h25a1,1,0,1,1,0,1.92Z" class="clr-i-outline clr-i-outline-path-5" /><path d="M33,8.92H3A1,1,0,1,1,3,7H33a1,1,0,1,1,0,1.94Z" class="clr-i-outline clr-i-outline-path-6" />`
 );
-export const ClrShapeDotCircle = clrIconSVG(
-  `<path d="M18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Zm0,26A12,12,0,1,1,30,18,12,12,0,0,1,18,30Z" class="clr-i-outline clr-i-outline-path-1" /><path d="M18,25a7,7,0,1,1,7-7A7,7,0,0,1,18,25Z" class="clr-i-outline clr-i-outline-path-2" />`
-);
 export const ClrShapeVolume = clrIconSVG(
   `<path d="M25.88,32H12a4,4,0,0,1-4-4V11.46L2.31,5.77a1,1,0,0,1-.22-1.09A1,1,0,0,1,3,4.06H28.86a1,1,0,0,1,1,1V28A4,4,0,0,1,25.88,32ZM5.43,6l4.28,4.34a.75.75,0,0,1,.21.63v17A2.13,2.13,0,0,0,12,30H25.88A2.1,2.1,0,0,0,28,28V6Z" class="clr-i-outline clr-i-outline-path-1" /><path d="M33,16a1,1,0,0,1-1-1V6H28.86a.92.92,0,0,1-1-.9,1,1,0,0,1,1-1H33a1,1,0,0,1,1,1V15A1,1,0,0,1,33,16Z" class="clr-i-outline clr-i-outline-path-2" /><path d="M24,11H18a1,1,0,1,1,0-2H24a1,1,0,1,1,0,2Z" class="clr-i-outline clr-i-outline-path-3" /><path d="M24,15H21a1,1,0,1,1,0-2H24a1,1,0,1,1,0,2Z" class="clr-i-outline clr-i-outline-path-4" /><path d="M24,19H18a1,1,0,1,1,0-2H24a1,1,0,1,1,0,2Z" class="clr-i-outline clr-i-outline-path-5" /><path d="M24,27H18a1,1,0,1,1,0-2H24a1,1,0,1,1,0,2Z" class="clr-i-outline clr-i-outline-path-6" /><path d="M24,23H21A1,1,0,1,1,21,21H24A1,1,0,1,1,24,23Z" class="clr-i-outline clr-i-outline-path-7" />`
 );
 export const ClrShapeCrosshairs = clrIconSVG(
   `<path d="M18,29A11,11,0,1,1,29,18,11,11,0,0,1,18,29ZM18,9a9,9,0,1,0,9,9A9,9,0,0,0,18,9Z" class="clr-i-outline clr-i-outline-path-1" /><path d="M18,23a5,5,0,1,1,5-5A5,5,0,0,1,18,23Zm0-8a3,3,0,1,0,3,3A3,3,0,0,0,18,15Z" class="clr-i-outline clr-i-outline-path-2" /><path d="M18,9a1,1,0,0,1-1-1V2.8a1,1,0,0,1,2,0V8A1,1,0,0,1,18,9Z" class="clr-i-outline clr-i-outline-path-3" /><path d="M18,34a1,1,0,0,1-1-1V28a1,1,0,0,1,2,0v5A1,1,0,0,1,18,34Z" class="clr-i-outline clr-i-outline-path-4" /><path d="M8,19H3.17a1,1,0,0,1,0-2H8a1,1,0,0,1,0,2Z" class="clr-i-outline clr-i-outline-path-5" /><path d="M33.1,19H28a1,1,0,0,1,0-2h5.1a1,1,0,0,1,0,2Z" class="clr-i-outline clr-i-outline-path-6" />`
 );
+export const ClrShapeCircle = clrIconSVG(
+  `<path d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z" class="clr-i-outline clr-i-outline-path-1" />`
+);
+export const ClrShapeDotCircle = clrIconSVG(
+  `<path d="M18,11a7,7,0,1,1-7,7,7,7,0,0,1,7-7" class="clr-i-outline clr-i-outline-path-1" /><path d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z" class="clr-i-outline clr-i-outline-path-2" />`
+);
 
 export const EssentialShapes: any = {
   'add-text': ClrShapeAddText,

diff --git a/src/clr-icons/shapes/technology-shapes.ts b/src/clr-icons/shapes/technology-shapes.ts
@@ -1153,6 +1153,15 @@ export const ClrShapeCapacitor = clrIconSVG(
 export const ClrShapeSquid = clrIconSVG(
   `<path d="M18,7a1,1,0,0,1-1-1V3.19a1,1,0,0,1,2,0V6A1,1,0,0,1,18,7Z" class="clr-i-outline clr-i-outline-path-1" /><path d="M18,34a1,1,0,0,1-1-1V30a1,1,0,0,1,2,0v3A1,1,0,0,1,18,34Z" class="clr-i-outline clr-i-outline-path-2" /><path d="M7.41,18l1.78-1.77a1,1,0,1,0-1.42-1.42L6,16.59,4.23,14.81a1,1,0,1,0-1.42,1.42L4.59,18,2.81,19.77a1,1,0,0,0,0,1.42,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29L6,19.41l1.77,1.78a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z" class="clr-i-outline clr-i-outline-path-3" /><path d="M6,13.76l.36-.36a3,3,0,0,1,2.11-.88,11,11,0,0,1,19,0,3,3,0,0,1,2.12.88l.36.36.2-.2a13,13,0,0,0-24.4,0Z" class="clr-i-outline clr-i-outline-path-4" /><path d="M30,22.24l-.36.36a3,3,0,0,1-2.12.88,11,11,0,0,1-19,0,3,3,0,0,1-2.12-.88L6,22.24l-.2.2a13,13,0,0,0,24.4,0Z" class="clr-i-outline clr-i-outline-path-5" /><path d="M31.41,18l1.78-1.77a1,1,0,0,0-1.42-1.42L30,16.59l-1.77-1.78a1,1,0,1,0-1.42,1.42L28.59,18l-1.78,1.77a1,1,0,0,0,0,1.42,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29L30,19.41l1.77,1.78a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z" class="clr-i-outline clr-i-outline-path-6" />`
 );
+export const ClrShapeHostGroup = clrIconSVG(
+  `<path d="M21.08,34h-14A1.08,1.08,0,0,1,6,33V12a1.08,1.08,0,0,1,1.08-1.08h14A1.08,1.08,0,0,1,22.16,12V33A1.08,1.08,0,0,1,21.08,34ZM8.16,31.88H20V13H8.16Z" class="clr-i-outline clr-i-outline-path-1" />
+<rect x="10.08" y="14.96" width="8" height="2" class="clr-i-outline clr-i-outline-path-2" /><path d="M26.1,27.81h-2V9h-12V7h13a1,1,0,0,1,1,1Z" class="clr-i-outline clr-i-outline-path-3" />
+<path d="M30.08,23h-2V5h-11V3h12a1,1,0,0,1,1,1Z" class="clr-i-outline clr-i-outline-path-4" /><rect x="13.08" y="27.88" width="2" height="2.16" class="clr-i-outline clr-i-outline-path-5" />
+
+<path class="clr-i-solid clr-i-solid-path-1" d="M15.08,31 L1.08,31 C0.513427197,31.0015564 0.0419663765,30.5650186 0,30 L0,9 C0,8.40353247 0.48353247,7.92 1.08,7.92 L15.08,7.92 C15.6764675,7.92 16.16,8.40353247 16.16,9 L16.16,30 C16.1180336,30.5650186 15.6465728,31.0015564 15.08,31 Z M4.08,11.96 L4.08,13.96 L12.08,13.96 L12.08,11.96 L4.08,11.96 Z M7.08,24.88 L7.08,27.04 L9.08,27.04 L9.08,24.88 L7.08,24.88 Z" />
+<path class="clr-i-solid clr-i-solid-path-2" d="M20.1,24.81 L18.1,24.81 L18.1,6 L6.1,6 L6.1,4 L19.1,4 C19.6522847,4 20.1,4.44771525 20.1,5 L20.1,24.81 Z" />
+<path class="clr-i-solid clr-i-solid-path-3" d="M24.08,20 L22.08,20 L22.08,2 L11.08,2 L11.08,0 L23.08,0 C23.6322847,0 24.08,0.44771525 24.08,1 L24.08,20 Z" />`
+);
 
 export const TechnologyShapes: any = {
   'ruler-pencil': ClrShapeRulerPencil,
@@ -1240,6 +1249,7 @@ export const TechnologyShapes: any = {
   squid: ClrShapeSquid,
   inductor: ClrShapeInductor,
   resistor: ClrShapeResistor,
+  'host-group': ClrShapeHostGroup,
 };
 
 Object.defineProperty(TechnologyShapes, 'server', descriptorConfig(TechnologyShapes.host));