Skip to content

Commit fb9f8ce

Browse files
amandacxzamandacxz
committed
Merge branch 'feat-ac-icon-update' into 318-data-table
# Conflicts: # docs/INSTALLATION.md
2 parents cb77689 + 96a553c commit fb9f8ce

20 files changed

Lines changed: 182 additions & 420 deletions

‎docs/INSTALLATION.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Install SGDS web components locally with the following command
88

99
```js
1010

11-
npm install @govtechsg/sgds-web-component@3.23.0
11+
npm install @govtechsg/sgds-web-component@3.24.0
1212

1313
```
1414

@@ -53,14 +53,14 @@ This method registers all SGDS elements up front in the Custom Elements Registry
5353
5454
```js
5555
// Load global css file
56-
<link href='https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.23.0/themes/day.css' rel='stylesheet' type='text/css' />
57-
<link href='https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.23.0/css/sgds.css' rel='stylesheet' type='text/css' />
56+
<link href='https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.24.0/themes/day.css' rel='stylesheet' type='text/css' />
57+
<link href='https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.24.0/css/sgds.css' rel='stylesheet' type='text/css' />
5858

5959
// it is recommended to load a particular version when using cdn e.g. https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@1.0.2
60-
<script src="https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.23.0" async crossorigin="anonymous" integrity="sha384-2HG6qWV0HBhuX8M7kTtnd+OGk5f7VfQzfoSA4e+IZiDrtkPimlC7GvkL5ZEO0eSJ"></script>
60+
<script src="https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.24.0" async crossorigin="anonymous" integrity="sha384-+jElDijCtwY8fqtpigO4xW9MKHg6c9eL1PaH1F12llVCcmKup3bKYjfPCFq01VxD"></script>
6161

6262
//or load a single component e.g. Masthead
63-
<script src="https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.23.0/components/Masthead/index.umd.min.js" async crossorigin="anonymous" integrity="sha384-vvllpLfJY3jG+vowUWZOJHnvtDTTdaSUOYGbiozHEq4+HESmYu0i/b2r616QoDly"></script>
63+
<script src="https://cdn.jsdelivr.net/npm/@govtechsg/sgds-web-component@3.24.0/components/Masthead/index.umd.min.js" async crossorigin="anonymous" integrity="sha384-vvllpLfJY3jG+vowUWZOJHnvtDTTdaSUOYGbiozHEq4+HESmYu0i/b2r616QoDly"></script>
6464

6565
```
6666

‎src/components/Icon/icon-registry.ts‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,8 @@ export const iconRegistry: Record<string, () => Promise<{ default: TemplateResul
8080
"eye-slash-fill": () => import("./icons/eye-slash-fill"),
8181
"eye-slash": () => import("./icons/eye-slash"),
8282
eye: () => import("./icons/eye"),
83+
"face-smile-fill": () => import("./icons/face-smile-fill"),
84+
"face-smile": () => import("./icons/face-smile"),
8385
facebook: () => import("./icons/facebook"),
8486
"file-earmark-text": () => import("./icons/file-earmark-text"),
8587
"file-pdf": () => import("./icons/file-pdf"),
@@ -100,6 +102,7 @@ export const iconRegistry: Record<string, () => Promise<{ default: TemplateResul
100102
"globe-alt": () => import("./icons/globe-alt"),
101103
globe: () => import("./icons/globe"),
102104
google: () => import("./icons/google"),
105+
"grid-alt": () => import("./icons/grid-alt"),
103106
"grid-fill": () => import("./icons/grid-fill"),
104107
"hand-thumbs-down": () => import("./icons/hand-thumbs-down"),
105108
"hand-thumbs-up": () => import("./icons/hand-thumbs-up"),
@@ -171,7 +174,10 @@ export const iconRegistry: Record<string, () => Promise<{ default: TemplateResul
171174
"slash-circle": () => import("./icons/slash-circle"),
172175
"slash-divider": () => import("./icons/slash-divider"),
173176
sliders: () => import("./icons/sliders"),
177+
"sort-ascending": () => import("./icons/sort-ascending"),
178+
"sort-descending": () => import("./icons/sort-descending"),
174179
speedometer: () => import("./icons/speedometer"),
180+
"star-ai": () => import("./icons/star-ai"),
175181
"star-fill": () => import("./icons/star-fill"),
176182
star: () => import("./icons/star"),
177183
stoplights: () => import("./icons/stoplights"),

‎src/components/Icon/icons/cross.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default html`
55
<path
66
fill="currentColor"
77
fill-rule="evenodd"
8-
d="M6.576 6.576a.6.6 0 0 1 .848 0L12 11.152l4.576-4.576a.6.6 0 1 1 .848.848L12.85 12l4.575 4.576a.6.6 0 0 1-.848.848L12 12.85l-4.576 4.575a.6.6 0 0 1-.848-.848L11.152 12 6.576 7.424a.6.6 0 0 1 0-.848Z"
8+
d="M6.576 6.576a.6.6 0 0 1 .848 0L12 11.152l4.576-4.576a.6.6 0 0 1 .848.848L12.848 12l4.576 4.576a.6.6 0 0 1-.848.848L12 12.85l-4.576 4.575a.6.6 0 0 1-.848-.848L11.15 12 6.576 7.424a.6.6 0 0 1 0-.848Z"
99
clip-rule="evenodd"
1010
/>
1111
</svg>

‎src/components/Icon/icons/cursor.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default html`
55
<path
66
fill="currentColor"
77
fill-rule="evenodd"
8-
d="m5.207 3.488.024.008 15.04 5.4c.273.097.514.184.696.268.163.074.427.208.573.476.169.31.174.685.013 1-.139.271-.4.412-.56.49-.18.089-.418.182-.689.287l-6.335 2.463-.063.025a7.215 7.215 0 0 0-.026.064l-2.463 6.335c-.105.27-.198.51-.286.689-.08.16-.22.421-.491.56-.315.16-.69.156-1-.013-.268-.146-.402-.41-.476-.573-.084-.182-.17-.423-.269-.696L3.496 5.23l-.008-.024a7.47 7.47 0 0 1-.195-.59c-.042-.16-.092-.41-.004-.665.108-.311.352-.555.663-.663.256-.088.504-.038.665.004.167.043.37.116.59.195Zm-.69 1.029.109.308 5.39 15.016c.056.157.102.283.141.387.042-.103.09-.228.151-.383l2.454-6.31.01-.025c.033-.086.082-.214.162-.326a1.07 1.07 0 0 1 .25-.25 1.446 1.446 0 0 1 .35-.172l6.31-2.454c.156-.06.281-.11.384-.151a18 18 0 0 0-.387-.141L4.825 4.626a21.865 21.865 0 0 0-.308-.11Z"
8+
d="m5.207 3.488.024.008 15.04 5.4c.273.097.514.184.696.268.163.074.427.208.573.476.169.31.174.685.013 1-.139.271-.4.412-.56.49-.18.089-.419.182-.69.287L13.97 13.88l-.064.025a7.215 7.215 0 0 0-.025.064l-2.463 6.335c-.105.27-.198.51-.287.689-.079.16-.22.421-.49.56-.316.16-.69.156-1-.013-.268-.146-.402-.41-.477-.573a9.836 9.836 0 0 1-.268-.696L3.496 5.23l-.008-.024a7.47 7.47 0 0 1-.195-.59c-.042-.16-.093-.41-.004-.665.108-.311.352-.555.663-.663.256-.088.504-.038.665.004.167.043.37.116.59.195Zm-.69 1.029.109.308 5.39 15.016.14.387c.043-.103.092-.228.152-.383l2.454-6.31.01-.025c.033-.086.082-.214.162-.326a1.07 1.07 0 0 1 .25-.25 1.446 1.446 0 0 1 .35-.172l6.31-2.454c.156-.06.281-.11.384-.151a18 18 0 0 0-.387-.141L4.825 4.626a21.865 21.865 0 0 0-.308-.11Z"
99
clip-rule="evenodd"
1010
/>
1111
</svg>

‎src/components/Icon/icons/face-smile-fill.ts‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { html } from "lit";
2+
3+
export default html`
4+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
5+
<path
6+
fill="currentColor"
7+
fill-rule="evenodd"
8+
d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm4.375 12.5a.625.625 0 0 0-.79.032l-.084.091-.001.001-.008.01a4.12 4.12 0 0 1-.217.245 5.24 5.24 0 0 1-.705.615c-.618.45-1.492.881-2.57.881-1.078 0-1.952-.431-2.57-.88a5.32 5.32 0 0 1-.882-.81l-.04-.05-.008-.011-.001-.001-.085-.09a.625.625 0 0 0-.914.842l.001.002.003.003.005.007.018.023c.015.02.037.045.064.077.054.065.131.154.231.258.2.209.494.485.873.76.757.55 1.883 1.12 3.305 1.12 1.422 0 2.548-.57 3.305-1.12.379-.275.673-.551.873-.76a5.228 5.228 0 0 0 .295-.335l.018-.023.005-.007.003-.003.001-.002a.625.625 0 0 0-.125-.875ZM9 8.875a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25Zm6 0a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25Z"
9+
clip-rule="evenodd"
10+
/>
11+
</svg>
12+
`;

‎src/components/Icon/icons/face-smile.ts‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { html } from "lit";
2+
3+
export default html`
4+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
5+
<path
6+
fill="currentColor"
7+
d="M15.586 14.532a.625.625 0 0 1 .914.843l-.001.002-.003.003-.005.007-.018.023a5.228 5.228 0 0 1-.295.335c-.2.209-.494.485-.873.76-.757.55-1.883 1.12-3.305 1.12-1.422 0-2.548-.57-3.305-1.12a6.58 6.58 0 0 1-.873-.76 5.197 5.197 0 0 1-.295-.335l-.018-.023-.005-.007-.003-.003-.001-.002a.625.625 0 0 1 .914-.843l.085.091.001.001.008.01a4.185 4.185 0 0 0 .217.245c.159.167.397.391.705.615.618.45 1.492.881 2.57.881 1.078 0 1.952-.431 2.57-.88a5.326 5.326 0 0 0 .882-.81l.04-.05.008-.011.001-.001.085-.09ZM9 8.875a1.125 1.125 0 1 1 0 2.25 1.125 1.125 0 0 1 0-2.25Zm6 0a1.125 1.125 0 1 1 0 2.25 1.125 1.125 0 0 1 0-2.25Z"
8+
/>
9+
<path
10+
fill="currentColor"
11+
fill-rule="evenodd"
12+
d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 1.25a8.75 8.75 0 1 0 0 17.5 8.75 8.75 0 0 0 0-17.5Z"
13+
clip-rule="evenodd"
14+
/>
15+
</svg>
16+
`;

‎src/components/Icon/icons/fingerprint.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ export default html`
44
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
55
<path
66
fill="currentColor"
7-
d="M15.34 16.398c.332.094.526.44.432.772a22.52 22.52 0 0 1-1.534 3.954.625.625 0 0 1-1.118-.56 21.253 21.253 0 0 0 1.449-3.734.626.626 0 0 1 .771-.432ZM12 10.375c.345 0 .625.28.625.625a18.54 18.54 0 0 1-2.849 9.904.626.626 0 0 1-1.059-.666A17.291 17.291 0 0 0 11.375 11c0-.345.28-.625.625-.625Z"
7+
d="M15.34 16.398c.332.094.526.44.432.772a22.513 22.513 0 0 1-1.534 3.954.625.625 0 0 1-1.118-.56 21.26 21.26 0 0 0 1.449-3.734.626.626 0 0 1 .771-.432ZM12 10.375c.345 0 .624.28.624.625a18.54 18.54 0 0 1-2.848 9.904.626.626 0 0 1-1.059-.666A17.29 17.29 0 0 0 11.374 11c0-.345.28-.625.625-.625Z"
88
/>
99
<path
1010
fill="currentColor"
11-
d="M12 6.375A4.625 4.625 0 0 1 16.625 11a22.77 22.77 0 0 1-.21 3.085.625.625 0 0 1-1.238-.17c.13-.953.198-1.926.198-2.915a3.375 3.375 0 0 0-6.75 0 14.542 14.542 0 0 1-2.28 7.85.626.626 0 0 1-1.076-.64A13.29 13.29 0 0 0 7.374 11 4.625 4.625 0 0 1 12 6.375Z"
11+
d="M12 6.375A4.625 4.625 0 0 1 16.623 11c0 1.045-.07 2.076-.209 3.085a.625.625 0 0 1-1.238-.17c.13-.953.197-1.926.197-2.915a3.375 3.375 0 0 0-6.75 0 14.542 14.542 0 0 1-2.28 7.85.626.626 0 0 1-1.075-.64l.062-.102A13.29 13.29 0 0 0 7.374 11 4.625 4.625 0 0 1 12 6.375Z"
1212
/>
1313
<path
1414
fill="currentColor"
15-
d="M12 2.375A8.625 8.625 0 0 1 20.625 11a26.64 26.64 0 0 1-1.015 7.303.625.625 0 1 1-1.202-.342c.63-2.211.967-4.546.967-6.961A7.375 7.375 0 0 0 8.312 4.611a.625.625 0 0 1-.625-1.082A8.59 8.59 0 0 1 12 2.375ZM4.529 6.688a.625.625 0 0 1 1.082.625A7.34 7.34 0 0 0 4.625 11a10.59 10.59 0 0 1-1.063 4.638.626.626 0 0 1-1.125-.547A9.34 9.34 0 0 0 3.375 11c0-1.57.42-3.043 1.154-4.313Z"
15+
d="M12 2.375A8.625 8.625 0 0 1 20.623 11a26.64 26.64 0 0 1-1.014 7.303.625.625 0 1 1-1.203-.342A25.39 25.39 0 0 0 19.374 11 7.375 7.375 0 0 0 8.312 4.611a.625.625 0 0 1-.625-1.082 8.59 8.59 0 0 1 4.312-1.154ZM4.529 6.688a.625.625 0 0 1 1.082.625A7.34 7.34 0 0 0 4.624 11a10.59 10.59 0 0 1-1.062 4.638.626.626 0 0 1-1.125-.547A9.34 9.34 0 0 0 3.374 11c0-1.57.42-3.043 1.155-4.313Z"
1616
/>
1717
</svg>
1818
`;

‎src/components/Icon/icons/flash.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ export default html`
44
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
55
<path
66
fill="currentColor"
7-
d="M12.509 2.6a.626.626 0 0 1 1.1.477l-.812 6.498h5.855c.233 0 .45 0 .623.015.14.013.353.042.547.165l.082.058.091.083c.2.204.313.481.309.77-.004.276-.14.494-.23.626-.1.143-.24.31-.388.49L11.669 21.4a.625.625 0 0 1-1.1-.477l.812-6.498H5.526c-.232 0-.45 0-.623-.015-.16-.014-.414-.05-.628-.223a1.076 1.076 0 0 1-.4-.853l.008-.1c.03-.229.143-.41.223-.526.098-.143.238-.31.387-.49L12.51 2.6ZM5.453 13.02l-.128.154h6.765a.626.626 0 0 1 .62.704l-.636 5.083 6.652-7.98.128-.156H12.09a.625.625 0 0 1-.62-.703l.636-5.084-6.652 7.982Z"
7+
d="M12.509 2.6a.626.626 0 0 1 1.1.477l-.812 6.498h5.855c.233 0 .45 0 .623.015.14.013.353.042.547.165l.082.058.091.083c.2.204.313.481.309.77-.004.276-.14.494-.23.626-.1.143-.24.31-.389.49L11.67 21.4a.625.625 0 0 1-1.1-.477l.812-6.498H5.526c-.232 0-.45 0-.623-.015-.16-.014-.414-.05-.629-.223a1.076 1.076 0 0 1-.399-.853l.008-.1c.03-.229.143-.41.222-.526.1-.143.24-.31.388-.49L12.51 2.6ZM5.453 13.02l-.128.154h6.765a.626.626 0 0 1 .62.704l-.636 5.083 6.652-7.98.127-.156H12.09a.625.625 0 0 1-.62-.703l.636-5.084-6.652 7.982Z"
88
/>
99
</svg>
1010
`;

‎src/components/Icon/icons/gear.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default html`
55
<path
66
fill="currentColor"
77
fill-rule="evenodd"
8-
d="M12 2.6a1.218 1.218 0 0 0-1.218 1.218v.157a2.1 2.1 0 0 1-1.273 1.922.6.6 0 0 1-.188.047 2.1 2.1 0 0 1-2.2-.474l-.055-.055a1.218 1.218 0 1 0-1.724 1.724l.055.055a2.1 2.1 0 0 1 .432 2.304 2.1 2.1 0 0 1-1.93 1.357h-.08a1.218 1.218 0 1 0 0 2.436h.156a2.1 2.1 0 0 1 1.92 1.27 2.1 2.1 0 0 1-.425 2.318l-.055.055a1.219 1.219 0 1 0 1.724 1.724l.055-.055.003-.003.002-.002a2.1 2.1 0 0 1 2.299-.427 2.1 2.1 0 0 1 1.356 1.915v.096a1.218 1.218 0 0 0 2.437 0v-.157a2.1 2.1 0 0 1 1.27-1.92 2.1 2.1 0 0 1 2.313.42l.005.005.054.055a1.22 1.22 0 1 0 1.725-1.724l-.055-.055-.005-.005a2.099 2.099 0 0 1-.421-2.313 2.1 2.1 0 0 1 1.92-1.27h.085a1.218 1.218 0 1 0 0-2.436h-.157a2.1 2.1 0 0 1-1.922-1.273.6.6 0 0 1-.047-.188 2.1 2.1 0 0 1 .47-2.195l.002-.003.002-.002.055-.055a1.219 1.219 0 1 0-1.724-1.724l-.055.055-.005.005a2.1 2.1 0 0 1-2.313.421 2.1 2.1 0 0 1-1.27-1.92v-.085A1.218 1.218 0 0 0 12 2.6Zm-1.71-.492a2.418 2.418 0 0 1 4.128 1.71v.08a.9.9 0 0 0 .551.826.9.9 0 0 0 .991-.178l.052-.052a2.417 2.417 0 0 1 3.421 0 2.418 2.418 0 0 1 0 3.421l-.052.052a.9.9 0 0 0-.178.99c.024.054.04.11.047.168a.9.9 0 0 0 .779.457h.153a2.418 2.418 0 1 1 0 4.836h-.08a.9.9 0 0 0-.823.546l-.003.006a.9.9 0 0 0 .178.99l.052.052a2.42 2.42 0 1 1-3.421 3.421l-.052-.052a.9.9 0 0 0-.99-.178l-.007.003a.9.9 0 0 0-.545.823v.153a2.418 2.418 0 1 1-4.837 0v-.074a.9.9 0 0 0-.624-.832.9.9 0 0 0-.99.178l-.052.052a2.419 2.419 0 1 1-3.421-3.421l.051-.052a.9.9 0 0 0 .178-.99v-.004l-.002-.003a.9.9 0 0 0-.823-.545h-.153a2.418 2.418 0 1 1 0-4.836h.074a.9.9 0 0 0 .832-.625.9.9 0 0 0-.178-.99l-.052-.052a2.42 2.42 0 1 1 3.421-3.421l.052.052a.9.9 0 0 0 .99.178.6.6 0 0 1 .168-.047.9.9 0 0 0 .457-.779v-.153c0-.641.254-1.256.708-1.71ZM8.4 12a3.6 3.6 0 1 1 7.2 0 3.6 3.6 0 0 1-7.2 0ZM12 9.6a2.4 2.4 0 1 0 0 4.8 2.4 2.4 0 0 0 0-4.8Z"
8+
d="M12 2.6a1.218 1.218 0 0 0-1.218 1.218v.157a2.1 2.1 0 0 1-1.273 1.922.6.6 0 0 1-.188.047 2.1 2.1 0 0 1-2.2-.474l-.055-.055a1.218 1.218 0 1 0-1.724 1.724l.055.055a2.1 2.1 0 0 1 .432 2.304A2.1 2.1 0 0 1 3.9 10.855h-.082a1.218 1.218 0 1 0 0 2.436h.157a2.1 2.1 0 0 1 1.92 1.27 2.1 2.1 0 0 1-.42 2.313l-.005.005-.055.055a1.219 1.219 0 1 0 1.724 1.724l.055-.055.003-.003.002-.002a2.1 2.1 0 0 1 2.299-.427 2.1 2.1 0 0 1 1.357 1.929v.082a1.218 1.218 0 1 0 2.436 0v-.157a2.1 2.1 0 0 1 1.27-1.92 2.1 2.1 0 0 1 2.313.42l.005.005.054.055a1.22 1.22 0 1 0 1.725-1.724l-.055-.055-.005-.005a2.1 2.1 0 0 1-.421-2.313 2.1 2.1 0 0 1 1.92-1.27h.085a1.218 1.218 0 1 0 0-2.436h-.157a2.099 2.099 0 0 1-1.922-1.273.6.6 0 0 1-.047-.188 2.099 2.099 0 0 1 .472-2.198l.002-.002.055-.055a1.217 1.217 0 0 0-.396-1.988 1.218 1.218 0 0 0-1.328.264l-.055.055a2.1 2.1 0 0 1-2.318.426 2.1 2.1 0 0 1-1.27-1.92v-.085A1.218 1.218 0 0 0 12 2.6Zm-1.71-.492a2.418 2.418 0 0 1 4.128 1.71v.08a.9.9 0 0 0 .552.826.9.9 0 0 0 .99-.178l.052-.052a2.419 2.419 0 1 1 3.421 3.421l-.052.052a.9.9 0 0 0-.178.99c.024.054.04.11.047.168a.9.9 0 0 0 .779.457h.153a2.418 2.418 0 1 1 0 4.836h-.08a.9.9 0 0 0-.823.546l-.003.006a.9.9 0 0 0 .178.99l.052.052a2.421 2.421 0 0 1 0 3.421 2.417 2.417 0 0 1-3.421 0l-.052-.052a.9.9 0 0 0-.99-.178l-.007.003a.9.9 0 0 0-.545.823v.153a2.418 2.418 0 1 1-4.836 0v-.074a.9.9 0 0 0-.625-.832.9.9 0 0 0-.99.178l-.052.052a2.419 2.419 0 1 1-3.421-3.421l.052-.052a.9.9 0 0 0 .178-.99l-.002-.004-.001-.003a.9.9 0 0 0-.823-.545h-.153a2.418 2.418 0 1 1 0-4.836h.074a.9.9 0 0 0 .832-.625.9.9 0 0 0-.178-.99l-.052-.052a2.42 2.42 0 1 1 3.421-3.421l.052.052a.9.9 0 0 0 .99.178.6.6 0 0 1 .168-.047.9.9 0 0 0 .457-.779v-.153c0-.641.255-1.256.708-1.71ZM8.4 12a3.6 3.6 0 1 1 7.2 0 3.6 3.6 0 0 1-7.2 0ZM12 9.6a2.4 2.4 0 1 0 0 4.8 2.4 2.4 0 0 0 0-4.8Z"
99
clip-rule="evenodd"
1010
/>
1111
</svg>

‎src/components/Icon/icons/grid-alt.ts‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { html } from "lit";
2+
3+
export default html`
4+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
5+
<path
6+
fill="currentColor"
7+
fill-rule="evenodd"
8+
d="M8.4 13.375c.27 0 .51 0 .707.016.206.016.42.054.63.16.306.157.555.406.711.712.107.21.145.424.161.63.017.197.016.437.016.707v3.8c0 .27 0 .51-.016.707-.016.206-.054.42-.16.63a1.628 1.628 0 0 1-.712.711c-.21.107-.424.145-.63.161-.198.016-.437.016-.707.016H4.6c-.27 0-.51 0-.707-.016a1.653 1.653 0 0 1-.63-.16 1.628 1.628 0 0 1-.711-.712 1.652 1.652 0 0 1-.161-.63c-.017-.197-.016-.437-.016-.707v-3.8c0-.27 0-.51.016-.707.016-.206.054-.42.16-.63.157-.306.406-.555.712-.711.21-.107.424-.145.63-.161.198-.017.437-.016.707-.016h3.8Zm-3.8 1.25c-.29 0-.47 0-.606.012a.483.483 0 0 0-.164.029.376.376 0 0 0-.164.164.482.482 0 0 0-.03.164 8.39 8.39 0 0 0-.011.606v3.8c0 .29 0 .47.012.606.01.126.026.159.029.164.036.07.094.128.164.164a.483.483 0 0 0 .164.03c.135.01.316.011.606.011h3.8c.29 0 .47 0 .606-.012a.483.483 0 0 0 .164-.029.376.376 0 0 0 .164-.164.482.482 0 0 0 .03-.164c.01-.136.011-.316.011-.606v-3.8c0-.29 0-.47-.012-.606a.482.482 0 0 0-.029-.164.376.376 0 0 0-.164-.164.483.483 0 0 0-.164-.03 8.422 8.422 0 0 0-.606-.011H4.6Zm14.8-1.25c.27 0 .51 0 .707.016.206.016.42.054.63.16.306.157.555.406.711.712.107.21.145.424.161.63.016.197.016.437.016.707v3.8c0 .27 0 .51-.016.707-.016.206-.054.42-.16.63a1.628 1.628 0 0 1-.712.711c-.21.107-.424.145-.63.161-.197.016-.437.016-.707.016h-3.8c-.27 0-.51 0-.707-.016a1.653 1.653 0 0 1-.63-.16 1.628 1.628 0 0 1-.711-.712 1.653 1.653 0 0 1-.161-.63c-.017-.197-.016-.437-.016-.707v-3.8c0-.27 0-.51.016-.707.016-.206.054-.42.16-.63.157-.306.406-.555.712-.711.21-.107.424-.145.63-.161.197-.017.437-.016.707-.016h3.8Zm-3.8 1.25c-.29 0-.47 0-.606.012a.482.482 0 0 0-.164.029.376.376 0 0 0-.164.164.482.482 0 0 0-.03.164 8.424 8.424 0 0 0-.011.606v3.8c0 .29 0 .47.012.606.01.126.027.159.029.164.036.07.093.128.164.164a.482.482 0 0 0 .164.03c.136.01.316.011.606.011h3.8c.29 0 .47 0 .606-.012a.482.482 0 0 0 .164-.029.376.376 0 0 0 .164-.164.482.482 0 0 0 .03-.164c.01-.136.011-.316.011-.606v-3.8c0-.29 0-.47-.012-.606a.482.482 0 0 0-.029-.164.376.376 0 0 0-.164-.164.482.482 0 0 0-.164-.03 8.424 8.424 0 0 0-.606-.011h-3.8ZM8.4 2.375c.27 0 .51 0 .707.016.206.016.42.054.63.16.306.157.555.406.711.712.107.21.145.424.161.63.017.198.016.437.016.707v3.8c0 .27 0 .51-.016.707-.016.206-.054.42-.16.63a1.628 1.628 0 0 1-.712.711c-.21.107-.424.145-.63.161-.198.017-.437.016-.707.016H4.6c-.27 0-.51 0-.707-.016a1.653 1.653 0 0 1-.63-.16 1.628 1.628 0 0 1-.711-.712 1.653 1.653 0 0 1-.161-.63c-.017-.198-.016-.437-.016-.707V4.6c0-.27 0-.51.016-.707.016-.206.054-.42.16-.63.157-.306.406-.555.712-.711.21-.107.424-.145.63-.161.198-.017.437-.016.707-.016h3.8Zm-3.8 1.25c-.29 0-.47 0-.606.012a.483.483 0 0 0-.164.029.376.376 0 0 0-.164.164.483.483 0 0 0-.03.164 8.39 8.39 0 0 0-.011.606v3.8c0 .29 0 .47.012.606.01.126.026.159.029.164.036.07.094.128.164.164a.483.483 0 0 0 .164.03c.135.01.316.011.606.011h3.8c.29 0 .47 0 .606-.012a.483.483 0 0 0 .164-.029.376.376 0 0 0 .164-.164.483.483 0 0 0 .03-.164 9.21 9.21 0 0 0 .011-.606V4.6c0-.29 0-.47-.012-.606a.483.483 0 0 0-.029-.164.376.376 0 0 0-.164-.164.483.483 0 0 0-.164-.03 8.389 8.389 0 0 0-.606-.011H4.6Zm14.8-1.25c.27 0 .51 0 .707.016.206.016.42.054.63.16.306.157.555.406.711.712.107.21.145.424.161.63.016.198.016.437.016.707v3.8c0 .27 0 .51-.016.707-.016.206-.054.42-.16.63a1.628 1.628 0 0 1-.712.711c-.21.107-.424.145-.63.161-.197.017-.437.016-.707.016h-3.8c-.27 0-.51 0-.707-.016a1.653 1.653 0 0 1-.63-.16 1.628 1.628 0 0 1-.711-.712 1.653 1.653 0 0 1-.161-.63c-.017-.198-.016-.437-.016-.707V4.6c0-.27 0-.51.016-.707.016-.206.054-.42.16-.63.157-.306.406-.555.712-.711.21-.107.424-.145.63-.161.197-.017.437-.016.707-.016h3.8Zm-3.8 1.25c-.29 0-.47 0-.606.012a.482.482 0 0 0-.164.029.376.376 0 0 0-.164.164.483.483 0 0 0-.03.164 8.422 8.422 0 0 0-.011.606v3.8c0 .29 0 .47.012.606.01.126.027.159.029.164.036.07.093.128.164.164a.482.482 0 0 0 .164.03c.136.01.316.011.606.011h3.8c.29 0 .47 0 .606-.012a.482.482 0 0 0 .164-.029.376.376 0 0 0 .164-.164.483.483 0 0 0 .03-.164 9.21 9.21 0 0 0 .011-.606V4.6c0-.29 0-.47-.012-.606a.483.483 0 0 0-.029-.164.376.376 0 0 0-.164-.164.482.482 0 0 0-.164-.03 8.39 8.39 0 0 0-.606-.011h-3.8Z"
9+
clip-rule="evenodd"
10+
/>
11+
</svg>
12+
`;

0 commit comments

Comments
 (0)