Add icons to this collection by clicking the heart icon.
Add icon - also known as interface, signs, add, mathematics, maths, button, plus, and shapes and symbols. Created in a clean lineal color style with a white, gray, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="#303c42"
/>
<path
d="M256 490.667C126.604 490.667 21.333 385.396 21.333 256S126.604 21.333 256 21.333 490.667 126.604 490.667 256 385.396 490.667 256 490.667z"
fill="#7cb342"
/>
<path
d="M42.667 277.333c0-129.396 105.271-234.667 234.667-234.667 59.277 0 113.332 22.267 154.682 58.651C388.978 52.406 326.118 21.333 256 21.333 126.604 21.333 21.333 126.604 21.333 256c0 70.118 31.073 132.978 79.984 176.016-36.383-41.351-58.65-95.405-58.65-154.683z"
opacity=".2"
fill="#fff"
/>
<path
d="M394.667 245.333h-128v-128A10.66 10.66 0 0 0 256 106.666a10.66 10.66 0 0 0-10.667 10.667v128h-128A10.66 10.66 0 0 0 106.666 256a10.66 10.66 0 0 0 10.667 10.667h128v128A10.66 10.66 0 0 0 256 405.334a10.66 10.66 0 0 0 10.667-10.667v-128h128A10.66 10.66 0 0 0 405.334 256a10.662 10.662 0 0 0-10.667-10.667z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-37.962"
x2="-26.925"
y1="637.752"
y2="626.715"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M266.667 245.333h128c2.818 0 5.34 1.139 7.245 2.921L263.746 110.089c1.781 1.905 2.921 4.427 2.921 7.245v127.999zm-3.448-135.772v.008c.008.008.018.01.026.018l-.026-.026zm139.194 139.194c1.781 1.905 2.921 4.427 2.921 7.245a10.66 10.66 0 0 1-10.667 10.667h-128v128A10.66 10.66 0 0 1 256 405.334c-2.306 0-4.324-.887-6.068-2.128l76.592 76.592c72.855-23.01 130.457-80.659 153.376-153.555l-77.487-77.488zm-157.08 17.912h-128c-2.288 0-4.29-.876-6.027-2.1l-.013.001 136.168 136.167c-1.241-1.743-2.128-3.762-2.128-6.068v-128z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.578"
x2="-23.828"
y1="639.555"
y2="629.414"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category