Skip to content

Commit

Permalink
Merge pull request #499 from ClickHouse/gj-add-icons
Browse files Browse the repository at this point in the history
Adding new icon and feature icons
nellicus authored Nov 21, 2024
2 parents 28ac6d9 + 1fbd408 commit fcedd70
Showing 10 changed files with 567 additions and 0 deletions.
2 changes: 2 additions & 0 deletions src/components/Icon/IconCommon.tsx
Original file line number Diff line number Diff line change
@@ -60,6 +60,7 @@ import FolderOpen from "@/components/icons/FolderOpen";
import FolderClosed from "@/components/icons/FolderClosed";
import Gift from "@/components/icons/Gift";
import Globe from "@/components/icons/Globe";
import Hexagon from "../icons/Hexagon";
import Home from "@/components/icons/Home";
import HorizontalLoading from "@/components/icons/HorizontalLoading";
import Http from "@/components/icons/Http";
@@ -210,6 +211,7 @@ export const ICONS_MAP = {
gift: Gift,
globe: Globe,
"git-merge": GitMerge,
hexagon: Hexagon,
history: HistoryIcon,
home: Home,
"horizontal-loading": HorizontalLoading,
1 change: 1 addition & 0 deletions src/components/Icon/types.ts
Original file line number Diff line number Diff line change
@@ -80,6 +80,7 @@ export const ICON_NAMES = [
"gift",
"git-merge",
"globe",
"hexagon",
"history",
"horizontal-loading",
"home",
117 changes: 117 additions & 0 deletions src/components/Logos/FeatureDatabaseDark.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
import { SVGAttributes } from "react";

const FeatureDatabaseDark = (props: SVGAttributes<SVGElement>) => (
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9071 49.179C57.6808 49.3474 57.4413 49.5105 57.1913 49.6737C52.4676 52.708 42.9622 54.858 32.0012 54.858C21.0401 54.858 11.535 52.7106 6.81102 49.6737C6.55838 49.5132 6.32154 49.3474 6.09521 49.179V56.3814C6.09521 57.0236 6.46891 57.613 7.04789 58.192C7.8479 58.9946 9.02687 59.7236 10.4953 60.392C15.348 62.5973 23.177 64 32.001 64C40.8251 64 48.6541 62.5974 53.5041 60.392C54.9725 59.7236 56.1515 58.9946 56.9515 58.192C57.5305 57.613 57.9042 57.0235 57.9042 56.3814L57.9071 49.179Z"
fill="url(#paint0_linear_17_267)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9072 36.9887C57.6809 37.1571 57.4414 37.3203 57.1914 37.4834C52.4676 40.5177 42.9623 42.6651 32.0012 42.6651C21.0402 42.6651 11.535 40.5177 6.81108 37.4808C6.55845 37.3203 6.3216 37.1545 6.09528 36.9861V44.1885C6.09528 44.8307 6.46898 45.4201 7.04796 45.9991C7.84797 46.8017 9.02694 47.5307 10.4954 48.1991C15.3481 50.4044 23.177 51.8097 32.0011 51.8097C40.8252 51.8097 48.6542 50.4071 53.5041 48.2018C54.9726 47.5333 56.1516 46.8044 56.9516 46.0017C57.5305 45.4228 57.9042 44.8333 57.9042 44.1912L57.9072 36.9887Z"
fill="url(#paint1_linear_17_267)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9071 24.797C57.6808 24.9654 57.4413 25.1286 57.1913 25.2917C52.4676 28.326 42.9622 30.476 32.0012 30.476C21.0401 30.476 11.535 28.3286 6.81102 25.2917C6.55838 25.1312 6.32154 24.9654 6.09521 24.797V31.9994C6.09521 32.6416 6.46891 33.231 7.04789 33.81C7.8479 34.6126 9.02687 35.3416 10.4953 36.01C15.348 38.2153 23.177 39.618 32.001 39.618C40.8251 39.618 48.6541 38.2154 53.5041 36.01C54.9725 35.3416 56.1515 34.6126 56.9515 33.81C57.5305 33.231 57.9068 32.6415 57.9068 31.9994L57.9071 24.797Z"
fill="url(#paint2_linear_17_267)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9072 12.6078C57.6809 12.7763 57.4414 12.9394 57.1914 13.1026C52.4676 16.1368 42.9623 18.2869 32.0012 18.2869C21.0402 18.2869 11.535 16.1395 6.81108 13.1026C6.55845 12.942 6.3216 12.7763 6.09528 12.6078V19.8103C6.09528 20.4524 6.46898 21.0419 7.04796 21.6209C7.84797 22.4235 9.02694 23.1524 10.4954 23.8209C15.3481 26.0262 23.177 27.4289 32.0011 27.4289C40.8252 27.4289 48.6542 26.0262 53.5041 23.8209C54.9726 23.1525 56.1516 22.4235 56.9516 21.6209C57.5305 21.0419 57.9042 20.4524 57.9042 19.8103L57.9072 12.6078Z"
fill="url(#paint3_linear_17_267)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M32.0014 0C40.8255 0 48.6545 1.40263 53.5045 3.60798C54.9729 4.27641 56.1519 5.00536 56.9519 5.808C57.5308 6.38696 57.9046 6.97646 57.9046 7.61856C57.9046 8.26066 57.5309 8.85014 56.9519 9.42911C56.1519 10.2318 54.9729 10.9607 53.5045 11.6291C48.6544 13.8344 40.8255 15.2371 32.0014 15.2371C23.1774 15.2371 15.3483 13.8345 10.4984 11.6291C9.02995 10.9607 7.85099 10.2318 7.05097 9.42911C6.47201 8.85015 6.0983 8.26066 6.0983 7.61856C6.0983 6.97646 6.47199 6.38697 7.05097 5.808C7.85099 5.00536 9.02995 4.27642 10.4984 3.60798C15.3485 1.4027 23.1774 0 32.0014 0Z"
fill="url(#paint4_linear_17_267)"
/>
<defs>
<linearGradient
id="paint0_linear_17_267"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FAFF69" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint1_linear_17_267"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FAFF69" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint2_linear_17_267"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FAFF69" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint3_linear_17_267"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FAFF69" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint4_linear_17_267"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FAFF69" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
</defs>
</svg>
);

export default FeatureDatabaseDark;
117 changes: 117 additions & 0 deletions src/components/Logos/FeatureDatabaseLight.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
import { SVGAttributes } from "react";

const FeatureDatabaseLight = (props: SVGAttributes<SVGElement>) => (
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9071 49.179C57.6808 49.3474 57.4413 49.5105 57.1913 49.6737C52.4676 52.708 42.9622 54.858 32.0012 54.858C21.0401 54.858 11.535 52.7106 6.81102 49.6737C6.55838 49.5132 6.32154 49.3474 6.09521 49.179V56.3814C6.09521 57.0236 6.46891 57.613 7.04789 58.192C7.8479 58.9946 9.02687 59.7236 10.4953 60.392C15.348 62.5973 23.177 64 32.001 64C40.8251 64 48.6541 62.5974 53.5041 60.392C54.9725 59.7236 56.1515 58.9946 56.9515 58.192C57.5305 57.613 57.9042 57.0235 57.9042 56.3814L57.9071 49.179Z"
fill="url(#paint0_linear_17_266)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9072 36.9887C57.6809 37.1571 57.4414 37.3203 57.1914 37.4834C52.4676 40.5177 42.9623 42.6651 32.0012 42.6651C21.0402 42.6651 11.535 40.5177 6.81108 37.4808C6.55845 37.3203 6.3216 37.1545 6.09528 36.9861V44.1885C6.09528 44.8307 6.46898 45.4201 7.04796 45.9991C7.84797 46.8017 9.02694 47.5307 10.4954 48.1991C15.3481 50.4044 23.177 51.8097 32.0011 51.8097C40.8252 51.8097 48.6542 50.4071 53.5041 48.2018C54.9726 47.5333 56.1516 46.8044 56.9516 46.0017C57.5305 45.4228 57.9042 44.8333 57.9042 44.1912L57.9072 36.9887Z"
fill="url(#paint1_linear_17_266)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9071 24.797C57.6808 24.9654 57.4413 25.1286 57.1913 25.2917C52.4676 28.326 42.9622 30.476 32.0012 30.476C21.0401 30.476 11.535 28.3286 6.81102 25.2917C6.55838 25.1312 6.32154 24.9654 6.09521 24.797V31.9994C6.09521 32.6416 6.46891 33.231 7.04789 33.81C7.8479 34.6126 9.02687 35.3416 10.4953 36.01C15.348 38.2153 23.177 39.618 32.001 39.618C40.8251 39.618 48.6541 38.2154 53.5041 36.01C54.9725 35.3416 56.1515 34.6126 56.9515 33.81C57.5305 33.231 57.9068 32.6415 57.9068 31.9994L57.9071 24.797Z"
fill="url(#paint2_linear_17_266)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M57.9072 12.6078C57.6809 12.7763 57.4414 12.9394 57.1914 13.1026C52.4676 16.1368 42.9623 18.2869 32.0012 18.2869C21.0402 18.2869 11.535 16.1395 6.81108 13.1026C6.55845 12.942 6.3216 12.7763 6.09528 12.6078V19.8103C6.09528 20.4524 6.46898 21.0419 7.04796 21.6209C7.84797 22.4235 9.02694 23.1524 10.4954 23.8209C15.3481 26.0262 23.177 27.4289 32.0011 27.4289C40.8252 27.4289 48.6542 26.0262 53.5041 23.8209C54.9726 23.1525 56.1516 22.4235 56.9516 21.6209C57.5305 21.0419 57.9042 20.4524 57.9042 19.8103L57.9072 12.6078Z"
fill="url(#paint3_linear_17_266)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M32.0014 0C40.8255 0 48.6545 1.40263 53.5045 3.60798C54.9729 4.27641 56.1519 5.00536 56.9519 5.808C57.5308 6.38696 57.9046 6.97646 57.9046 7.61856C57.9046 8.26066 57.5309 8.85014 56.9519 9.42911C56.1519 10.2318 54.9729 10.9607 53.5045 11.6291C48.6544 13.8344 40.8255 15.2371 32.0014 15.2371C23.1774 15.2371 15.3483 13.8345 10.4984 11.6291C9.02995 10.9607 7.85099 10.2318 7.05097 9.42911C6.47201 8.85015 6.0983 8.26066 6.0983 7.61856C6.0983 6.97646 6.47199 6.38697 7.05097 5.808C7.85099 5.00536 9.02995 4.27642 10.4984 3.60798C15.3485 1.4027 23.1774 0 32.0014 0Z"
fill="url(#paint4_linear_17_266)"
/>
<defs>
<linearGradient
id="paint0_linear_17_266"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint1_linear_17_266"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint2_linear_17_266"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint3_linear_17_266"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
<linearGradient
id="paint4_linear_17_266"
x1="13.5861"
y1="1.44273e-05"
x2="27.9877"
y2="10.5352"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop
offset="1"
stopColor="#292929"
/>
</linearGradient>
</defs>
</svg>
);

export default FeatureDatabaseLight;
Loading

0 comments on commit fcedd70

Please sign in to comment.