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 blue style with a white, gray, black, and blue finish, 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="#0635c9"
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"
/>
<g fill="#1ae5be">
<path d="m47.56 46.15-1.41 1.41-29.7-29.7 1.41-1.41L32 30.59z" />
<path
d="M47.56 17.86 33.41 32 32 33.41 17.86 47.56l-1.41-1.41L30.59 32 32 30.59l14.15-14.14z"
/>
</g>
</svg>
More icons in the same style and category