Skip to content

Remove duplicate svgs #2012

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 27, 2025
Merged

Remove duplicate svgs #2012

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
109 changes: 37 additions & 72 deletions src/components/home/icons/3d-transforms-icon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,76 +1,41 @@
export function _3DTransformsIcon() {
return (
<>
<svg
className="dark:hidden"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_5745)">
<rect
width={63}
height={63}
rx={4}
transform="matrix(0.866025 -0.5 0.866025 0.5 1.92969 39.814)"
stroke="#030712"
strokeDasharray="3 3"
/>
<path
d="M6.82052 32.0748C4.71896 30.8759 4.9198 28.8839 7.24809 27.8339L42.7856 11.8071C44.6906 10.948 47.3962 11.0195 49.1572 11.9756L100.957 40.0964C102.762 41.0766 103.015 42.6809 101.546 43.8334L73.7036 65.6789C71.933 67.0682 68.4396 67.2268 66.3145 66.0145L6.82052 32.0748Z"
fill="#030712"
fillOpacity="0.3"
/>
<path
d="M74.1457 62.6688L101.618 43.5542C102.344 43.0493 102.721 42.4339 102.745 41.8139V38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139V22.3139C11.1111 22.9798 11.4661 23.6601 12.2601 24.2219L66.5802 62.651C68.5301 64.0305 72.1763 64.0391 74.1457 62.6688Z"
fill="white"
/>
<path
d="M102.745 38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139M102.745 38.6818C102.772 39.3459 102.395 40.0135 101.618 40.5542L74.1457 59.6688C72.1763 61.0391 68.5301 61.0305 66.5802 59.651L12.2601 21.2219C11.4661 20.6601 11.1111 19.9798 11.1608 19.3139M102.745 38.6818V41.8139C102.721 42.4339 102.344 43.0493 101.618 43.5542L74.1457 62.6688C72.1763 64.0391 68.5301 64.0305 66.5802 62.651L12.2601 24.2219C11.4661 23.6601 11.1111 22.9798 11.1608 22.3139V19.3139"
stroke="#030712"
/>
</g>
<defs>
<clipPath id="clip0_408_5745">
<rect width={112} height={72} fill="white" />
</clipPath>
</defs>
</svg>

<svg
className="hidden dark:block"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_6105)">
<rect
width={63}
height={63}
rx={4}
transform="matrix(0.866025 -0.5 0.866025 0.5 1.92969 39.814)"
stroke="white"
strokeDasharray="3 3"
/>
<path
d="M74.1457 62.6688L101.618 43.5542C102.344 43.0493 102.721 42.4339 102.745 41.8139V38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139V22.3139C11.1111 22.9798 11.4661 23.6601 12.2601 24.2219L66.5802 62.651C68.5301 64.0305 72.1763 64.0391 74.1457 62.6688Z"
fill="#030712"
/>
<path
d="M102.745 38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139M102.745 38.6818C102.772 39.3459 102.395 40.0135 101.618 40.5542L74.1457 59.6688C72.1763 61.0391 68.5301 61.0305 66.5802 59.651L12.2601 21.2219C11.4661 20.6601 11.1111 19.9798 11.1608 19.3139M102.745 38.6818V41.8139C102.721 42.4339 102.344 43.0493 101.618 43.5542L74.1457 62.6688C72.1763 64.0391 68.5301 64.0305 66.5802 62.651L12.2601 24.2219C11.4661 23.6601 11.1111 22.9798 11.1608 22.3139V19.3139"
stroke="white"
/>
</g>
<defs>
<clipPath id="clip0_408_6105">
<rect width={112} height={72} fill="white" />
</clipPath>
</defs>
</svg>
</>
<svg
className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_5745)">
<rect
width={63}
height={63}
rx={4}
transform="matrix(0.866025 -0.5 0.866025 0.5 1.92969 39.814)"
stroke="currentColor"
strokeDasharray="3 3"
/>
<path
d="M6.82052 32.0748C4.71896 30.8759 4.9198 28.8839 7.24809 27.8339L42.7856 11.8071C44.6906 10.948 47.3962 11.0195 49.1572 11.9756L100.957 40.0964C102.762 41.0766 103.015 42.6809 101.546 43.8334L73.7036 65.6789C71.933 67.0682 68.4396 67.2268 66.3145 66.0145L6.82052 32.0748Z"
fill="currentColor"
fillOpacity="0.3"
/>
<path
d="M74.1457 62.6688L101.618 43.5542C102.344 43.0493 102.721 42.4339 102.745 41.8139V38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139V22.3139C11.1111 22.9798 11.4661 23.6601 12.2601 24.2219L66.5802 62.651C68.5301 64.0305 72.1763 64.0391 74.1457 62.6688Z"
fill="var(--site-background)"
/>
<path
d="M102.745 38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139M102.745 38.6818C102.772 39.3459 102.395 40.0135 101.618 40.5542L74.1457 59.6688C72.1763 61.0391 68.5301 61.0305 66.5802 59.651L12.2601 21.2219C11.4661 20.6601 11.1111 19.9798 11.1608 19.3139M102.745 38.6818V41.8139C102.721 42.4339 102.344 43.0493 101.618 43.5542L74.1457 62.6688C72.1763 64.0391 68.5301 64.0305 66.5802 62.651L12.2601 24.2219C11.4661 23.6601 11.1111 22.9798 11.1608 22.3139V19.3139"
stroke="currentColor"
/>
</g>
<defs>
<clipPath id="clip0_408_5745">
<rect width={112} height={72} fill="var(--site-background)" />
</clipPath>
</defs>
</svg>
);
}
44 changes: 6 additions & 38 deletions src/components/home/icons/cascade-layers-icon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ export function CascadeLayersIcon() {
return (
<>
<svg
className="dark:hidden"
className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
width={112}
height={72}
viewBox="0 0 112 72"
Expand All @@ -12,56 +12,24 @@ export function CascadeLayersIcon() {
<g clipPath="url(#clip0_408_5751)">
<path
d="M52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909V40.0129C3.03497 40.7325 3.51324 41.451 4.46417 42.0001L52.0956 69.5001C54.0087 70.6046 57.1106 70.6046 59.0238 69.5001L106.655 42.0001C107.612 41.4478 108.09 40.7239 108.09 40.0001V36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006Z"
fill="white"
fill="var(--site-background)"
/>
<path
d="M108.09 36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909M108.09 36.9909C108.094 37.7178 107.616 38.4455 106.655 39.0001L59.0238 66.5001C57.1106 67.6046 54.0088 67.6046 52.0956 66.5001L4.4642 39.0001C3.5036 38.4455 3.02532 37.7178 3.02935 36.9909M108.09 36.9909V40.0001C108.09 40.7239 107.612 41.4478 106.655 42.0001L59.0238 69.5001C57.1106 70.6046 54.0087 70.6046 52.0956 69.5001L4.46417 42.0001C3.51324 41.451 3.03497 40.7325 3.02935 40.0129V36.9909"
stroke="#030712"
stroke="currentColor"
/>
<path
d="M16.8848 33.9903C16.8891 33.2697 17.3674 32.5499 18.3196 32.0001L52.0946 12.5001C54.0078 11.3955 57.1097 11.3955 59.0228 12.5001L92.7978 32.0001C93.7501 32.5499 94.2284 33.2697 94.2327 33.9903M16.8848 33.9903C16.8805 34.7174 17.3588 35.4453 18.3196 36.0001L52.0946 55.5001C54.0078 56.6046 57.1097 56.6046 59.0228 55.5001L92.7978 36.0001C93.7587 35.4453 94.237 34.7174 94.2327 33.9903M16.8848 33.9903V37.0001C16.8848 37.7239 17.3631 38.4478 18.3197 39.0001L52.0947 58.5001C54.0078 59.6046 57.1097 59.6046 59.0229 58.5001L92.7979 39.0001C93.7544 38.4478 94.2327 37.7239 94.2327 37.0001L94.2327 33.9903"
stroke="#030712"
stroke="currentColor"
/>
<path
d="M30.7422 30.9998C30.7422 30.2759 31.2205 29.5521 32.1771 28.9998L52.0956 17.4998C54.0088 16.3952 57.1107 16.3952 59.0238 17.4998L78.9424 28.9998C79.899 29.5521 80.3773 30.2759 80.3773 30.9998M30.7422 30.9998C30.7422 31.7237 31.2205 32.4475 32.1771 32.9998L52.0956 44.4998C54.0088 45.6044 57.1107 45.6044 59.0238 44.4998L78.9424 32.9998C79.899 32.4475 80.3773 31.7237 80.3773 30.9998M30.7422 30.9998V33.9998C30.7422 34.7237 31.2205 35.4475 32.1771 35.9998L52.0956 47.4998C54.0088 48.6044 57.1107 48.6044 59.0238 47.4998L78.9424 35.9998C79.899 35.4475 80.3773 34.7237 80.3773 33.9998V30.9998"
stroke="#030712"
stroke="currentColor"
/>
</g>
<defs>
<clipPath id="clip0_408_5751">
<rect width={112} height={72} fill="white" />
</clipPath>
</defs>
</svg>
<svg
className="hidden dark:block"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_6099)">
<path
d="M52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909V40.0129C3.03497 40.7325 3.51324 41.451 4.46417 42.0001L52.0956 69.5001C54.0087 70.6046 57.1106 70.6046 59.0238 69.5001L106.655 42.0001C107.612 41.4478 108.09 40.7239 108.09 40.0001V36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006Z"
fill="#030712"
/>
<path
d="M108.09 36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909M108.09 36.9909C108.094 37.7178 107.616 38.4455 106.655 39.0001L59.0238 66.5001C57.1106 67.6046 54.0088 67.6046 52.0956 66.5001L4.4642 39.0001C3.5036 38.4455 3.02532 37.7178 3.02935 36.9909M108.09 36.9909V40.0001C108.09 40.7239 107.612 41.4478 106.655 42.0001L59.0238 69.5001C57.1106 70.6046 54.0087 70.6046 52.0956 69.5001L4.46417 42.0001C3.51324 41.451 3.03497 40.7325 3.02935 40.0129V36.9909"
stroke="white"
/>
<path
d="M16.8848 33.9903C16.8891 33.2697 17.3674 32.5499 18.3196 32.0001L52.0946 12.5001C54.0078 11.3955 57.1097 11.3955 59.0228 12.5001L92.7978 32.0001C93.7501 32.5499 94.2284 33.2697 94.2327 33.9903M16.8848 33.9903C16.8805 34.7174 17.3588 35.4453 18.3196 36.0001L52.0946 55.5001C54.0078 56.6046 57.1097 56.6046 59.0228 55.5001L92.7978 36.0001C93.7587 35.4453 94.237 34.7174 94.2327 33.9903M16.8848 33.9903V37.0001C16.8848 37.7239 17.3631 38.4478 18.3197 39.0001L52.0947 58.5001C54.0078 59.6046 57.1097 59.6046 59.0229 58.5001L92.7979 39.0001C93.7544 38.4478 94.2327 37.7239 94.2327 37.0001L94.2327 33.9903"
stroke="white"
/>
<path
d="M30.7422 30.9998C30.7422 30.2759 31.2205 29.5521 32.1771 28.9998L52.0956 17.4998C54.0088 16.3952 57.1107 16.3952 59.0238 17.4998L78.9424 28.9998C79.899 29.5521 80.3773 30.2759 80.3773 30.9998M30.7422 30.9998C30.7422 31.7237 31.2205 32.4475 32.1771 32.9998L52.0956 44.4998C54.0088 45.6044 57.1107 45.6044 59.0238 44.4998L78.9424 32.9998C79.899 32.4475 80.3773 31.7237 80.3773 30.9998M30.7422 30.9998V33.9998C30.7422 34.7237 31.2205 35.4475 32.1771 35.9998L52.0956 47.4998C54.0088 48.6044 57.1107 48.6044 59.0238 47.4998L78.9424 35.9998C79.899 35.4475 80.3773 34.7237 80.3773 33.9998V30.9998"
stroke="white"
/>
</g>
<defs>
<clipPath id="clip0_408_6099">
<rect width={112} height={72} fill="white" />
<rect width={112} height={72} fill="var(--site-background)" />
</clipPath>
</defs>
</svg>
Expand Down
156 changes: 51 additions & 105 deletions src/components/home/icons/container-queries-icon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,109 +1,55 @@
export function ContainerQueriesIcon() {
return (
<>
<svg
className="dark:hidden"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_5756)">
<path
d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z"
fill="white"
/>
<path
d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35"
stroke="#030712"
/>
<rect
width={47}
height={47}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="#030712"
strokeOpacity="0.3"
strokeDasharray="3 3"
/>
<rect
width={31}
height={31}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="#030712"
strokeOpacity="0.3"
strokeDasharray="3 3"
/>
<rect
width={15}
height={15}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="#030712"
strokeOpacity="0.3"
strokeDasharray="3 3"
/>
</g>
<defs>
<clipPath id="clip0_408_5756">
<rect width={112} height={72} fill="white" />
</clipPath>
</defs>
</svg>

<svg
className="hidden dark:block"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_6092)">
<path
d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z"
fill="#030712"
/>
<path
d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35"
stroke="white"
/>
<rect
width={47}
height={47}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="white"
strokeOpacity="0.5"
strokeDasharray="3 3"
/>
<rect
width={31}
height={31}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="white"
strokeOpacity="0.5"
strokeDasharray="3 3"
/>
<rect
width={15}
height={15}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="white"
strokeOpacity="0.5"
strokeDasharray="3 3"
/>
</g>
<defs>
<clipPath id="clip0_408_6092">
<rect width={112} height={72} fill="white" />
</clipPath>
</defs>
</svg>
</>
<svg
className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
width={112}
height={72}
viewBox="0 0 112 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_408_5756)">
<path
d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z"
fill="var(--site-background)"
/>
<path
d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35"
stroke="currentColor"
/>
<rect
width={47}
height={47}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="currentColor"
strokeOpacity="0.3"
strokeDasharray="3 3"
/>
<rect
width={31}
height={31}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="currentColor"
strokeOpacity="0.3"
strokeDasharray="3 3"
/>
<rect
width={15}
height={15}
rx={3}
transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
stroke="currentColor"
strokeOpacity="0.3"
strokeDasharray="3 3"
/>
</g>
<defs>
<clipPath id="clip0_408_5756">
<rect width={112} height={72} fill="var(--site-background)" />
</clipPath>
</defs>
</svg>
);
}
Loading