Skip to content

Commit 298d259

Browse files
mmurawski-dnmmurawski-dn
authored
feat(design-system): add special icons from figma [AR-41918] (#128)
[AR-41918](https://drivenets.atlassian.net/browse/AR-41918) [screen-capture (5).webm](https://github.com/user-attachments/assets/b70a983e-44eb-4632-a7f2-4f3f4b9307d1)
1 parent 5ce3cc6 commit 298d259

59 files changed

Lines changed: 1499 additions & 14 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.changeset/soft-readers-like.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@drivenets/design-system': patch
3+
---
4+
5+
- Add special icons from Figma to the `DsIcon`

‎cspell.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
"useGitignore": true,
55
"words": [
66
"attw",
7+
"autoboot",
78
"autodocs",
89
"borderless",
910
"clickability",
@@ -12,8 +13,10 @@
1213
"evenodd",
1314
"findlast",
1415
"fromentries",
16+
"gnmi",
1517
"Linsley",
1618
"matchall",
19+
"netgen",
1720
"nolyfill",
1821
"overscan",
1922
"Oxfmt",

‎packages/design-system/src/components/ds-icon/custom-icons/index.ts‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
import type { FC, SVGProps } from 'react';
2+
3+
// Site & Location icons
4+
import { SpecialMarket } from './special-market';
5+
import { SpecialSiteT1 } from './special-site-t1';
6+
import { SpecialSiteT2 } from './special-site-t2';
7+
import { SpecialSiteT3 } from './special-site-t3';
8+
import { SpecialSiteT4 } from './special-site-t4';
9+
import { SpecialSiteUnknown } from './special-site-unknown';
10+
import { SpecialSiteGeneric } from './special-site-generic';
11+
12+
// NE State icons
13+
import { SpecialDiscoveredNe } from './special-discovered-ne';
14+
import { SpecialUpgrading } from './special-upgrading';
15+
import { SpecialClusterNe } from './special-cluster-ne';
16+
import { SpecialStandalone } from './special-standalone';
17+
18+
// NE Navigation icons
19+
import { SpecialNeNav360Dashboard } from './special-ne-nav-360-dashboard';
20+
import { SpecialNeNavComponents } from './special-ne-nav-components';
21+
import { SpecialNeNavTopology } from './special-ne-nav-topology';
22+
import { SpecialNeNavStacks } from './special-ne-nav-stacks';
23+
import { SpecialNeNavSettings } from './special-ne-nav-settings';
24+
import { SpecialNeNavMessageSupport } from './special-ne-nav-message-support';
25+
import { SpecialNeNavLogging } from './special-ne-nav-logging';
26+
import { SpecialNeNavTerminal } from './special-ne-nav-terminal';
27+
import { SpecialNeNavInstallLog } from './special-ne-nav-install-log';
28+
29+
// System & Config icons
30+
import { SpecialAutobootProfiles } from './special-autoboot-profiles';
31+
import { SpecialAutomation } from './special-automation';
32+
import { SpecialStacks } from './special-stacks';
33+
import { SpecialPackages } from './special-packages';
34+
import { SpecialGnmi } from './special-gnmi';
35+
import { SpecialAlarmSettings } from './special-alarm-settings';
36+
import { SpecialNeHealth } from './special-ne-health';
37+
import { SpecialHardware } from './special-hardware';
38+
import { SpecialModules } from './special-modules';
39+
import { SpecialResources } from './special-resources';
40+
import { SpecialVersionControl } from './special-version-control';
41+
import { SpecialSoftware } from './special-software';
42+
import { SpecialConflictedNes } from './special-conflicted-nes';
43+
import { SpecialYangVersionControl } from './special-yang-version-control';
44+
import { SpecialOldBaseOs } from './special-old-base-os';
45+
import { SpecialGeneralDetails } from './special-general-details';
46+
import { SpecialConfigTemplate } from './special-config-template';
47+
import { SpecialCompare } from './special-compare';
48+
import { SpecialWebhook } from './special-webhook';
49+
import { SpecialMapView } from './special-map-view';
50+
51+
// Misc icons
52+
import { SpecialHome } from './special-home';
53+
import { SpecialLego } from './special-lego';
54+
import { SpecialScheme } from './special-scheme';
55+
import { SpecialBook } from './special-book';
56+
import { SpecialDevice } from './special-device';
57+
import { SpecialGroupedDevices } from './special-grouped-devices';
58+
import { SpecialFiberCircuit } from './special-fiber-circuit';
59+
import { SpecialNetgen } from './special-netgen';
60+
import { SpecialNetgenS } from './special-netgen-s';
61+
62+
// Active state icons
63+
import { SpecialFilterListActive } from './special-filter-list-active';
64+
import { SpecialCachedActive } from './special-cached-active';
65+
66+
export type CustomIconComponent = FC<SVGProps<SVGSVGElement>>;
67+
68+
export const customIcons = {
69+
// Site & Location
70+
'special-market': SpecialMarket,
71+
'special-site-t1': SpecialSiteT1,
72+
'special-site-t2': SpecialSiteT2,
73+
'special-site-t3': SpecialSiteT3,
74+
'special-site-t4': SpecialSiteT4,
75+
'special-site-unknown': SpecialSiteUnknown,
76+
'special-site-generic': SpecialSiteGeneric,
77+
78+
// NE State
79+
'special-discovered-ne': SpecialDiscoveredNe,
80+
'special-upgrading': SpecialUpgrading,
81+
'special-cluster-ne': SpecialClusterNe,
82+
'special-standalone': SpecialStandalone,
83+
84+
// NE Navigation
85+
'special-ne-nav-360-dashboard': SpecialNeNav360Dashboard,
86+
'special-ne-nav-components': SpecialNeNavComponents,
87+
'special-ne-nav-topology': SpecialNeNavTopology,
88+
'special-ne-nav-stacks': SpecialNeNavStacks,
89+
'special-ne-nav-settings': SpecialNeNavSettings,
90+
'special-ne-nav-message-support': SpecialNeNavMessageSupport,
91+
'special-ne-nav-logging': SpecialNeNavLogging,
92+
'special-ne-nav-terminal': SpecialNeNavTerminal,
93+
'special-ne-nav-instal-log': SpecialNeNavInstallLog,
94+
95+
// System & Config
96+
'special-autoboot-profiles': SpecialAutobootProfiles,
97+
'special-automation': SpecialAutomation,
98+
'special-stacks': SpecialStacks,
99+
'special-packages': SpecialPackages,
100+
'special-gnmi': SpecialGnmi,
101+
'special-alarm-settings': SpecialAlarmSettings,
102+
'special-ne-health': SpecialNeHealth,
103+
'special-hardware': SpecialHardware,
104+
'special-modules': SpecialModules,
105+
'special-resources': SpecialResources,
106+
'special-version-control': SpecialVersionControl,
107+
'special-software': SpecialSoftware,
108+
'special-conflicted-nes': SpecialConflictedNes,
109+
'special-yang-version-control': SpecialYangVersionControl,
110+
'special-old-base-os': SpecialOldBaseOs,
111+
'special-general-details': SpecialGeneralDetails,
112+
'special-config-template': SpecialConfigTemplate,
113+
'special-compare': SpecialCompare,
114+
'special-webhook': SpecialWebhook,
115+
'special-map-view': SpecialMapView,
116+
117+
// Misc
118+
'special-home': SpecialHome,
119+
'special-lego': SpecialLego,
120+
'special-scheme': SpecialScheme,
121+
'special-book': SpecialBook,
122+
'special-device': SpecialDevice,
123+
'special-grouped-devices': SpecialGroupedDevices,
124+
'special-fiber-circuit': SpecialFiberCircuit,
125+
'special-netgen': SpecialNetgen,
126+
'special-netgen-s': SpecialNetgenS,
127+
128+
// Active state
129+
'special-filter-list-active': SpecialFilterListActive,
130+
'special-cached-active': SpecialCachedActive,
131+
} as const satisfies Record<string, CustomIconComponent>;
132+
133+
export type CustomIconName = keyof typeof customIcons;
134+
135+
export const isCustomIcon = (icon: string): icon is CustomIconName => {
136+
return icon in customIcons;
137+
};

‎packages/design-system/src/components/ds-icon/custom-icons/special-alarm-settings.tsx‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import { useId, type FC, type SVGProps } from 'react';
2+
3+
/**
4+
* Special Alarm Settings icon
5+
* @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3505
6+
*/
7+
export const SpecialAlarmSettings: FC<SVGProps<SVGSVGElement>> = (props) => {
8+
const clipId = useId();
9+
10+
return (
11+
<svg
12+
xmlns="http://www.w3.org/2000/svg"
13+
width="20"
14+
height="20"
15+
viewBox="0 0 20 20"
16+
fill="currentColor"
17+
{...props}
18+
>
19+
<g clipPath={`url(#${clipId})`}>
20+
<path d="M3.60128 14.0446C2.91148 13.345 2.91148 12.2069 3.60128 11.5072L2.7669 10.6616C1.61683 11.8272 1.61683 13.7247 2.7669 14.8903C3.34224 15.4733 4.09755 15.7646 4.85285 15.7646C5.60875 15.7646 6.36465 15.4733 6.93939 14.8903L6.10501 14.0446C5.43704 14.7216 4.27103 14.7228 3.60128 14.0446ZM2.01396 6.71344C2.00806 6.48021 2.10247 6.13933 2.2854 5.95395C2.46832 5.76856 2.68075 5.55327 2.91089 5.55327C2.91089 5.55327 2.91679 5.55327 2.92269 5.55327C3.14692 5.55327 3.36525 5.78052 3.53638 5.95395L4.4333 6.92275L8.19214 3.14322C9.56704 1.74384 11.8153 1.75879 13.1961 3.15817L14.447 4.43376C15.7098 5.71354 15.816 7.73606 14.7657 9.14143H16.1583C17.0552 7.34735 16.7661 5.09877 15.285 3.59772L14.034 2.3299C12.1929 0.464062 9.19529 0.464062 7.35422 2.3299L4.4333 5.29014L4.3743 5.11073C3.97894 4.71005 3.47147 4.35721 2.94039 4.35721H2.91089C2.36801 4.35721 1.85463 4.70407 1.45338 5.11073C1.04622 5.52337 0.821985 6.11541 0.833787 6.67158C0.839688 7.21578 1.06392 7.75999 1.45338 8.15468L8.99466 15.8333V14.1409L2.2854 7.34137C2.11427 7.16794 2.01396 6.94069 2.01396 6.71344ZM15.285 2.20432C15.3965 2.31675 15.4579 2.46685 15.4579 2.62712C15.4579 2.7874 15.3971 2.9369 15.285 3.04933L16.1193 3.89554C16.4533 3.55646 16.638 3.10614 16.638 2.62653C16.638 2.14691 16.4533 1.69659 16.1193 1.35811C15.4284 0.657823 14.3054 0.659019 13.6156 1.35811L14.45 2.20432C14.6813 1.97109 15.0554 1.97169 15.285 2.20432Z" />
21+
<path d="M19.1667 15.1562V14.0104H17.5619C17.4829 13.5991 17.3236 13.2158 17.0956 12.8812L18.2311 11.7457L17.421 10.9356L16.2855 12.0711C15.9509 11.8436 15.5676 11.6838 15.1562 11.6047V10H14.0104V11.6047C13.5991 11.6838 13.2158 11.8431 12.8812 12.0711L11.7457 10.9356L10.9356 11.7457L12.0711 12.8812C11.8436 13.2158 11.6838 13.5991 11.6047 14.0104H10V15.1562H11.6047C11.6838 15.5676 11.8431 15.9509 12.0711 16.2855L10.9356 17.421L11.7457 18.2311L12.8812 17.0956C13.2158 17.323 13.5991 17.4829 14.0104 17.5619V19.1667H15.1562V17.5619C15.5676 17.4829 15.9509 17.3236 16.2855 17.0956L17.421 18.2311L18.2311 17.421L17.0956 16.2855C17.323 15.9509 17.4829 15.5676 17.5619 15.1562H19.1667ZM14.5833 16.474C13.5412 16.474 12.6927 15.626 12.6927 14.5833C12.6927 13.5406 13.5406 12.6927 14.5833 12.6927C15.626 12.6927 16.474 13.5406 16.474 14.5833C16.474 15.626 15.6255 16.474 14.5833 16.474Z" />
22+
</g>
23+
<defs>
24+
<clipPath id={clipId}>
25+
<rect width="20" height="20" fill="white" />
26+
</clipPath>
27+
</defs>
28+
</svg>
29+
);
30+
};

‎packages/design-system/src/components/ds-icon/custom-icons/special-autoboot-profiles.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import type { FC, SVGProps } from 'react';
2+
3+
/**
4+
* Special Autoboot Profiles icon
5+
* @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3438
6+
*/
7+
export const SpecialAutobootProfiles: FC<SVGProps<SVGSVGElement>> = (props) => (
8+
<svg
9+
xmlns="http://www.w3.org/2000/svg"
10+
width="20"
11+
height="20"
12+
viewBox="0 0 20 20"
13+
fill="currentColor"
14+
{...props}
15+
>
16+
<path d="M14.4302 15.2926H10.9087V13.9849H14.4302C17.0419 13.9849 19.1667 11.9042 19.1667 9.34674C19.1667 6.7893 17.0419 4.70879 14.4302 4.70879H7.55673V1.86478H8.88283V0.833344H5.17725V1.86478H6.50335V4.70879H6.33388C3.72217 4.70879 1.59729 6.7893 1.59729 9.34674C1.59729 11.9042 3.72217 13.9849 6.33388 13.9849H9.85533V15.2926H6.33388C3.72217 15.2926 1.59729 17.3731 1.59729 19.9306H2.65066C2.65066 17.942 4.30299 16.3241 6.33388 16.3241H14.4302C16.461 16.3241 18.1134 17.942 18.1134 19.9306H19.1667C19.1667 17.3731 17.0419 15.2926 14.4302 15.2926ZM6.33388 12.9535C4.30299 12.9535 2.65066 11.3356 2.65066 9.34674C2.65066 7.35815 4.30299 5.74023 6.33388 5.74023H14.4302C16.461 5.74023 18.1134 7.35815 18.1134 9.34674C18.1134 11.3356 16.461 12.9535 14.4302 12.9535H6.33388Z" />
17+
<path d="M8.59468 8.47221C8.59468 7.62972 7.88191 6.94443 7.00566 6.94443C6.1294 6.94443 5.41663 7.62972 5.41663 8.47221C5.41663 9.31469 6.1294 9.99998 7.00566 9.99998C7.88191 9.99998 8.59468 9.31469 8.59468 8.47221ZM7.00566 8.86448C6.78075 8.86448 6.59766 8.68844 6.59766 8.47221C6.59766 8.25597 6.78075 8.07993 7.00566 8.07993C7.23056 8.07993 7.41365 8.25597 7.41365 8.47221C7.41365 8.68844 7.23056 8.86448 7.00566 8.86448ZM15.3472 8.47221C15.3472 7.62972 14.6344 6.94443 13.7582 6.94443C12.8819 6.94443 12.1691 7.62972 12.1691 8.47221C12.1691 9.31469 12.8819 9.99998 13.7582 9.99998C14.6344 9.99998 15.3472 9.31469 15.3472 8.47221ZM13.7582 8.86448C13.5332 8.86448 13.3502 8.68844 13.3502 8.47221C13.3502 8.25597 13.5332 8.07993 13.7582 8.07993C13.9831 8.07993 14.1662 8.25597 14.1662 8.47221C14.1662 8.68844 13.9831 8.86448 13.7582 8.86448Z" />
18+
<path d="M13.3333 10.8333H7.5V11.6667H13.3333V10.8333Z" />
19+
</svg>
20+
);

‎packages/design-system/src/components/ds-icon/custom-icons/special-automation.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import type { FC, SVGProps } from 'react';
2+
3+
/**
4+
* Special Automation icon
5+
* @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3453
6+
*/
7+
export const SpecialAutomation: FC<SVGProps<SVGSVGElement>> = (props) => (
8+
<svg
9+
xmlns="http://www.w3.org/2000/svg"
10+
width="20"
11+
height="20"
12+
viewBox="0 0 20 20"
13+
fill="currentColor"
14+
{...props}
15+
>
16+
<path d="M15.8329 14.129C15.8379 14.3509 15.7986 14.5717 15.7171 14.7782C15.6356 14.9847 15.5137 15.1729 15.3586 15.3316C15.2034 15.4904 15.0181 15.6166 14.8135 15.7027C14.6088 15.7889 14.3891 15.8333 14.1671 15.8333C13.9451 15.8334 13.7253 15.7891 13.5206 15.703C13.316 15.617 13.1306 15.4909 12.9753 15.3322C12.8201 15.1735 12.6981 14.9854 12.6165 14.7789C12.535 14.5725 12.4955 14.3518 12.5004 14.1298C12.51 13.6944 12.6898 13.28 13.0011 12.9753C13.3125 12.6707 13.7307 12.5001 14.1662 12.5C14.6018 12.4999 15.0201 12.6703 15.3316 12.9748C15.6431 13.2792 15.8231 13.6935 15.8329 14.129Z" />
17+
<path d="M13.7868 18.3333C12.9581 18.3333 12.1294 18.125 11.4042 17.6042L4.98155 14.1667C4.4636 13.75 4.04923 13.5417 3.63486 13.125C2.39177 11.875 1.66663 10.1042 1.66663 8.33332C1.66663 6.56249 2.39177 4.89582 3.63486 3.64582C4.87796 2.39582 6.53543 1.66666 8.29648 1.66666C10.0575 1.66666 11.715 2.39582 13.0617 3.64582C13.4761 4.06249 13.6832 4.37499 14.0976 4.89582L17.7233 11.5625C18.7592 13.3333 18.4484 15.5208 16.9982 16.9792C16.0658 17.9167 15.0299 18.3333 13.7868 18.3333ZM8.29648 2.70832C6.8462 2.70832 5.39592 3.33332 4.36 4.37499C3.32409 5.41666 2.70254 6.87499 2.70254 8.33332C2.70254 9.89582 3.32409 11.25 4.36 12.2917C4.67078 12.6042 4.98155 12.8125 5.49951 13.125L12.0258 16.6667C12.6473 17.0833 13.2689 17.1875 13.8904 17.1875C14.8227 17.1875 15.6515 16.875 16.273 16.1458C17.4125 15 17.6197 13.3333 16.791 11.9792L13.1653 5.31249C12.8545 4.89582 12.6473 4.58332 12.3365 4.27082C11.197 3.33332 9.85035 2.70832 8.29648 2.70832Z" />
18+
<path d="M13.3333 9.25925V8.24073L11.9074 7.73147C11.8055 7.52777 11.8055 7.42592 11.7037 7.22221L12.3148 5.89814L11.6018 5.18518L10.2777 5.79629C10.074 5.69443 9.97218 5.69443 9.76848 5.59258L9.25922 4.16666H8.2407L7.73144 5.59258C7.52774 5.69443 7.42589 5.69443 7.22218 5.79629L5.89811 5.18518L5.18514 5.89814L5.79626 7.22221C5.6944 7.42592 5.6944 7.52777 5.59255 7.73147L4.16663 8.24073V9.25925L5.59255 9.76851C5.6944 9.97221 5.6944 10.0741 5.79626 10.2778L5.18514 11.6018L5.89811 12.3148L7.22218 11.7037C7.42589 11.8055 7.52774 11.9074 7.73144 11.9074L8.2407 13.3333H9.25922L9.76848 11.9074C9.97218 11.8055 10.074 11.8055 10.2777 11.7037L11.6018 12.3148L12.3148 11.6018L11.7037 10.2778C11.8055 10.0741 11.9074 9.97221 11.9074 9.76851L13.3333 9.25925ZM8.74996 10.2778C7.93514 10.2778 7.22218 9.56481 7.22218 8.74999C7.22218 7.93518 7.93514 7.22221 8.74996 7.22221C9.56477 7.22221 10.2777 7.93518 10.2777 8.74999C10.2777 9.56481 9.56477 10.2778 8.74996 10.2778Z" />
19+
</svg>
20+
);

‎packages/design-system/src/components/ds-icon/custom-icons/special-book.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import { useId, type FC, type SVGProps } from 'react';
2+
3+
/**
4+
* Special Book icon
5+
* @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=8939:1542
6+
*/
7+
export const SpecialBook: FC<SVGProps<SVGSVGElement>> = (props) => {
8+
const clipId = useId();
9+
10+
return (
11+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
12+
<g clipPath={`url(#${clipId})`}>
13+
<path
14+
d="M6.94449 1.66666L3.27782 2.38608V3.47721H0.833374V16.6667H19.1667V3.47721H16.7223V2.38608L13.0556 1.66666L10 2.26618L6.94449 1.66666ZM6.94449 2.88968L9.38893 3.3669V12.9376L6.94449 12.458L4.50004 12.9376V3.36929L6.94449 2.88968ZM13.0556 2.88968L15.5 3.3669V12.9376L13.0556 12.458L10.6112 12.9376V3.36929L13.0556 2.88968ZM2.0556 4.67625H3.27782V14.4005L6.94449 13.681L9.38893 14.1607V15.4676H2.0556V4.67625ZM16.7223 4.67625H17.9445V15.4676H10.6112V14.1607L13.0556 13.681L16.7223 14.4005V4.67625Z"
15+
fill="currentColor"
16+
/>
17+
</g>
18+
<defs>
19+
<clipPath id={clipId}>
20+
<rect width="20" height="20" rx="2" fill="white" />
21+
</clipPath>
22+
</defs>
23+
</svg>
24+
);
25+
};

‎packages/design-system/src/components/ds-icon/custom-icons/special-cached-active.tsx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import type { FC, SVGProps } from 'react';
2+
3+
/**
4+
* Special Cached Active icon - cached/refresh icon with active indicator dot
5+
* @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=19480:21325
6+
*/
7+
export const SpecialCachedActive: FC<SVGProps<SVGSVGElement>> = (props) => (
8+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
9+
<path
10+
d="M9.99984 16C8.33317 16 6.90609 15.4097 5.71859 14.2292C4.53109 13.0486 3.95817 11.5972 3.99984 9.875L3.33317 10.5417C3.18039 10.6944 3.00331 10.7708 2.80192 10.7708C2.60053 10.7708 2.42345 10.6944 2.27067 10.5417C2.11789 10.3889 2.0415 10.2118 2.0415 10.0104C2.0415 9.80903 2.11789 9.63194 2.27067 9.47917L4.229 7.52083C4.38178 7.36806 4.55539 7.29167 4.74984 7.29167C4.94428 7.29167 5.11789 7.36806 5.27067 7.52083L7.229 9.47917C7.38178 9.63194 7.45817 9.80556 7.45817 10C7.45817 10.1944 7.38178 10.3681 7.229 10.5208C7.07623 10.6736 6.89914 10.75 6.69775 10.75C6.49637 10.75 6.31928 10.6736 6.1665 10.5208L5.49984 9.875C5.47206 11.1806 5.90262 12.2778 6.7915 13.1667C7.68039 14.0556 8.74984 14.5 9.99984 14.5C10.1665 14.5 10.3332 14.4896 10.4998 14.4688C10.6665 14.4479 10.8262 14.4236 10.979 14.3958C11.1873 14.3542 11.3853 14.3715 11.5728 14.4479C11.7603 14.5243 11.8957 14.6597 11.979 14.8542C12.0623 15.0486 12.0589 15.2361 11.9686 15.4167C11.8783 15.5972 11.7359 15.7153 11.5415 15.7708C11.2915 15.8403 11.0415 15.8958 10.7915 15.9375C10.5415 15.9792 10.2776 16 9.99984 16ZM9.99984 5.5C9.83317 5.5 9.6665 5.51042 9.49984 5.53125C9.33317 5.55208 9.17345 5.57639 9.02067 5.60417C8.81234 5.64583 8.61442 5.62847 8.42692 5.55208C8.23942 5.47569 8.11095 5.34028 8.0415 5.14583C7.97206 4.95139 7.97553 4.76389 8.05192 4.58333C8.12831 4.40278 8.26373 4.28472 8.45817 4.22917C8.70817 4.15972 8.96164 4.10417 9.21859 4.0625C9.47553 4.02083 9.73595 4 9.99984 4C11.6804 4 13.1109 4.59028 14.2915 5.77083C15.4721 6.95139 16.0415 8.40278 15.9998 10.125L16.6665 9.45833C16.8193 9.30556 16.9964 9.22917 17.1978 9.22917C17.3991 9.22917 17.5762 9.30556 17.729 9.45833C17.8818 9.61111 17.9582 9.78819 17.9582 9.98958C17.9582 10.191 17.8818 10.3681 17.729 10.5208L15.7707 12.4792C15.6179 12.6319 15.4443 12.7083 15.2498 12.7083C15.0554 12.7083 14.8818 12.6319 14.729 12.4792L12.7707 10.5208C12.6179 10.3681 12.545 10.191 12.5519 9.98958C12.5589 9.78819 12.6387 9.61111 12.7915 9.45833C12.9443 9.30556 13.1214 9.22917 13.3228 9.22917C13.5241 9.22917 13.7012 9.30556 13.854 9.45833L14.4998 10.125C14.5276 8.81944 14.0971 7.72222 13.2082 6.83333C12.3193 5.94444 11.2498 5.5 9.99984 5.5Z"
11+
fill="currentColor"
12+
/>
13+
<circle cx="15.5" cy="4.5" r="4" fill="#C9510C" stroke="white" />
14+
</svg>
15+
);

0 commit comments

Comments
 (0)