Add icons to this collection by clicking the heart icon.
Function icon - also known as computer, interface, tool, symbol, ui, hardware, function, shapes and symbols, and keyboard button. Created in a clean flat gradient 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 32 32"
>
<defs>
<linearGradient
id="b"
x1="16"
x2="16"
y1="30"
y2="2"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#c694c3" />
<stop offset=".21" stop-color="#b981b9" />
<stop offset=".48" stop-color="#ab6cad" />
<stop offset="1" stop-color="#863b96" />
</linearGradient>
<linearGradient
id="a"
x1="7.79"
x2="12.21"
y1="11.79"
y2="16.21"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#fef59f" />
<stop offset=".06" stop-color="#fef495" />
<stop offset=".18" stop-color="#fff385" />
<stop offset=".31" stop-color="#fff27b" />
<stop offset=".48" stop-color="#fff278" />
<stop offset=".49" stop-color="#fff176" />
<stop offset=".62" stop-color="#fee65a" />
<stop offset=".74" stop-color="#fdde47" />
<stop offset=".87" stop-color="#fdda3b" />
<stop offset="1" stop-color="#fdd837" />
</linearGradient>
<linearGradient
id="c"
x1="3.29"
x2="13.71"
y1="9.29"
y2="19.71"
href="#a"
/>
<linearGradient
id="d"
x1="16.02"
x2="19.98"
y1="15.49"
y2="19.44"
href="#a"
/>
<linearGradient
id="e"
x1="17.23"
x2="25.77"
y1="17.11"
y2="25.65"
href="#a"
/>
</defs>
<g>
<path fill="url(#b)" d="M2 2h28v28H2z" />
<path fill="url(#a)" d="M13 15H7a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2Z" />
<path
fill="url(#c)"
d="M7 26a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H8v17a1 1 0 0 1-1 1Z"
/>
<path
fill="url(#d)"
d="M18 21a1 1 0 0 1-1-1v-5.08a1 1 0 0 1 2 0V20a1 1 0 0 1-1 1Z"
/>
<path
fill="url(#e)"
d="M25 26a1 1 0 0 1-1-1v-6a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2v6a1 1 0 0 1-2 0v-6a4 4 0 0 1 4-4h1a4 4 0 0 1 4 4v6a1 1 0 0 1-1 1Z"
/>
</g>
</svg>
More icons in the same style and category