Add icons to this collection by clicking the heart icon.
Components icon - also known as graphic design, design, art and design, components, and graphic tools. Created in a clean outline color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="b"
x1="24.223"
x2="39.783"
y1="8.668"
y2="24.228"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffae3" />
<stop offset="1" stop-color="#fff0aa" />
</linearGradient>
<linearGradient
id="c"
x1="39.778"
x2="55.338"
y1="24.223"
y2="39.783"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6fdf1" />
<stop offset="1" stop-color="#b3f8d6" />
</linearGradient>
<linearGradient
id="d"
x1="24.223"
x2="39.783"
y1="39.778"
y2="55.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeef7" />
<stop offset="1" stop-color="#ffcde8" />
</linearGradient>
<linearGradient
id="e"
x1="8.665"
x2="24.225"
y1="24.225"
y2="39.785"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0d9ff" />
<stop offset="1" stop-color="#a295d4" />
</linearGradient>
<linearGradient
id="f"
x1="16.44"
x2="16.45"
y1="16.44"
y2="16.45"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f2ff" />
<stop offset="1" stop-color="#d6ccff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b3f8d6" />
<stop offset="1" stop-color="#67f2ad" />
</linearGradient>
<linearGradient
id="g"
x1="1.544"
x2="62.456"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="15.444"
x2="48.556"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="#636184"
d="M47.56 16.45 32 32 16.45 16.45 29.17 3.72a3.99 3.99 0 0 1 5.66 0z"
/>
<path
fill="#dcdcef"
d="M60.28 34.83 47.56 47.56 32 32l15.56-15.55 12.72 12.72a3.99 3.99 0 0 1 0 5.66z"
/>
<path
fill="#636184"
d="M47.56 47.56 34.83 60.28a3.99 3.99 0 0 1-5.66 0L16.45 47.56 32 32z"
/>
<path
fill="#dcdcef"
d="M32 32 16.45 47.56h-.01L3.72 34.83a3.99 3.99 0 0 1 0-5.66l12.73-12.72z"
/>
<path fill="none" d="m16.45 16.45-.01-.01" />
<path
d="M32 62.453a4.985 4.985 0 0 1-3.536-1.462L3.009 35.535c-.945-.944-1.465-2.199-1.465-3.535s.52-2.591 1.464-3.535L28.464 3.009a5.006 5.006 0 0 1 7.071 0l25.456 25.456c.944.944 1.464 2.199 1.464 3.535s-.52 2.591-1.464 3.535L35.536 60.991A4.985 4.985 0 0 1 32 62.453zm-2.122-2.876a3.003 3.003 0 0 0 4.243 0l25.456-25.456c.566-.566.878-1.319.878-2.121s-.312-1.555-.878-2.121L34.122 4.423a3.002 3.002 0 0 0-4.243 0L4.423 29.879c-.567.566-.879 1.319-.879 2.121s.312 1.555.878 2.121z"
/>
<path
d="M47.556 48.557a.997.997 0 0 1-.707-.293L15.737 17.15a.999.999 0 1 1 1.414-1.414L48.263 46.85a.999.999 0 0 1-.707 1.707z"
/>
<path
d="M16.444 48.557a.999.999 0 0 1-.707-1.707l31.112-31.113a.999.999 0 1 1 1.414 1.414L17.151 48.264a.997.997 0 0 1-.707.293z"
/>
</svg>
More icons in the same style and category