Add icons to this collection by clicking the heart icon.
Add icon - also known as interface, add, maths, button, plus, circular, cross, column, symbol, and ui. Created in a clean 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-72.375"
x2="-72.375"
y1="557.625"
y2="619.279"
gradientTransform="matrix(8 0 0 -8 819 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M420 240c-.091-58.694-45.458-107.372-104-111.592V8a8 8 0 0 0-8-8H68a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h240a8 8 0 0 0 8-8V351.592c58.542-4.22 103.909-52.898 104-111.592zM300 464H76V16h224v112.28c-.608.048-1.192.16-1.792.216-1.696.144-3.36.376-5.032.6-1.976.264-3.944.536-5.896.904-1.656.312-3.28.688-4.912 1.072-1.904.448-3.792.92-5.648 1.456-1.6.472-3.2.992-4.752 1.528a111.28 111.28 0 0 0-5.4 1.984 104.865 104.865 0 0 0-4.576 1.96c-1.728.8-3.432 1.6-5.112 2.464a89.254 89.254 0 0 0-4.36 2.4c-1.6.933-3.2 1.909-4.8 2.928-1.4.896-2.768 1.8-4.12 2.76a106.935 106.935 0 0 0-4.48 3.352 110.968 110.968 0 0 0-3.848 3.12 114.07 114.07 0 0 0-4.128 3.752c-1.192 1.136-2.4 2.264-3.536 3.456-1.296 1.344-2.536 2.736-3.768 4.144-1.08 1.232-2.168 2.456-3.2 3.744-1.176 1.464-2.28 2.992-3.384 4.52-.952 1.328-1.92 2.632-2.824 4-1.048 1.6-2.008 3.248-2.976 4.904-.8 1.392-1.664 2.768-2.4 4.2-.912 1.72-1.72 3.496-2.544 5.272-.672 1.448-1.384 2.864-1.992 4.344-.8 1.872-1.424 3.792-2.096 5.704-.512 1.464-1.08 2.896-1.528 4.392-.624 2.04-1.104 4.144-1.6 6.232-.352 1.432-.8 2.832-1.056 4.28-.472 2.352-.8 4.76-1.096 7.16-.168 1.248-.416 2.464-.544 3.72-.104 1.056-.104 2.128-.184 3.2H100a8 8 0 0 0 0 16h96.384c.08 1.064.08 2.136.184 3.2.128 1.256.376 2.472.544 3.72.32 2.4.624 4.8 1.096 7.2.288 1.448.704 2.848 1.056 4.28.504 2.088.984 4.192 1.6 6.232.448 1.496 1.016 2.928 1.528 4.392.672 1.912 1.32 3.832 2.096 5.704.608 1.48 1.32 2.896 1.992 4.344.8 1.776 1.6 3.552 2.544 5.272.76 1.432 1.6 2.808 2.4 4.2.968 1.656 1.928 3.304 2.976 4.904.904 1.36 1.872 2.664 2.824 4 1.104 1.528 2.208 3.056 3.384 4.52 1.032 1.288 2.12 2.512 3.2 3.744 1.232 1.408 2.472 2.8 3.768 4.144 1.144 1.192 2.344 2.32 3.536 3.456a114.07 114.07 0 0 0 4.128 3.752 110.968 110.968 0 0 0 3.848 3.12 106.935 106.935 0 0 0 4.48 3.352c1.352.96 2.72 1.864 4.12 2.76 1.6 1.013 3.2 1.989 4.8 2.928 1.44.8 2.888 1.6 4.36 2.4 1.68.864 3.384 1.68 5.112 2.464 1.512.688 3.032 1.344 4.576 1.96a111.28 111.28 0 0 0 5.4 1.984c1.6.536 3.144 1.056 4.752 1.528 1.856.536 3.744 1.008 5.648 1.456 1.6.384 3.256.76 4.912 1.072 1.952.368 3.92.64 5.896.904 1.672.224 3.336.456 5.032.6.6.056 1.184.168 1.792.216L300 464zm8-128c-53.019 0-96-42.981-96-96s42.981-96 96-96 96 42.981 96 96c-.057 52.996-43.004 95.943-96 96z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-78.875"
x2="-78.875"
y1="557.585"
y2="619.242"
gradientTransform="matrix(8 0 0 -8 819 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M100 120h176a8 8 0 0 0 0-16H100a8 8 0 0 0 0 16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-78.875"
x2="-78.875"
y1="557.585"
y2="619.242"
gradientTransform="matrix(8 0 0 -8 819 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M276 360H100a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-63.875"
x2="-63.875"
y1="557.585"
y2="619.242"
gradientTransform="matrix(8 0 0 -8 819 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M380 232h-64v-64a8 8 0 0 0-16 0v64h-64a8 8 0 0 0 0 16h64v64a8 8 0 0 0 16 0v-64h64a8 8 0 0 0 0-16z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category