Add icons to this collection by clicking the heart icon.
Vector icon - also known as interface, pen, graphic design, graphic tool, vector, and edit tools. Created in a clean lineal color style with a white, silver, navy, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path
d="M12.205 406.088c-38.908-94.393 26.578-110.527 38.742-187.874C60.708 156.154-.234 96.719 34.553 41.932 72.436-17.731 198.019-2.749 245.75 25.485c87.377 51.683 43.309 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.499 54.52 14.31 122.402-39.598 155.263-50.83 30.984-110.653 43.213-169.558 43.218-127.158.009-250.159-56.945-270.035-105.167"
/>
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M50.75 428.156h410.5V68.844H50.75Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(590.98492 -590.98492) rotate(-30 -.456 -.05)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".553" stop-opacity="1" stop-color="#fff" />
<stop offset=".629" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(590.98492 -590.98492) rotate(-30 -.456 -.05)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".553" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset=".629" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset="1" stop-opacity="1" stop-color="#d2f3e4" />
</linearGradient>
<mask
id="c"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#c)">
<path
d="M12.205 406.088c-38.908-94.393 26.578-110.527 38.742-187.874C60.708 156.154-.234 96.719 34.553 41.932 72.436-17.731 198.019-2.749 245.75 25.485c87.377 51.683 43.309 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.499 54.52 14.31 122.402-39.598 155.263-50.83 30.984-110.653 43.213-169.558 43.218-127.158.009-250.159-56.945-270.035-105.167"
fill="url(#d)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#e)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#f)" opacity=".2">
<path
d="M0 0c-10.132 0-18.626-7.053-20.889-16.5h-139.694v8.167c0 5.514-4.486 10-10 10h-26.334c-5.514 0-10-4.486-10-10V-16.5h-139.694C-348.874-7.053-357.368 0-367.5 0-379.355 0-389-9.645-389-21.5s9.645-21.5 21.5-21.5c10.132 0 18.626 7.052 20.889 16.5h111.957c-48.593-19.915-83.047-67.442-83.742-122.961h-8.187c-5.514 0-10-4.486-10-10v-26.333c0-5.514 4.486-10 10-10h26.333c5.514 0 10 4.486 10 10v26.333c0 5.514-4.486 10-10 10h-8.146c.812 60.067 44.312 110.005 101.479 120.794v-6c0-5.514 4.486-10 10-10h26.334c5.514 0 10 4.486 10 10v6c57.167-10.789 100.667-60.727 101.479-120.794h-8.146c-5.514 0-10-4.486-10-10v-26.333c0-5.514 4.486-10 10-10h26.333c5.514 0 10 4.486 10 10v26.333c0 5.514-4.486 10-10 10h-8.187C-49.799-93.942-84.253-46.415-132.846-26.5h111.957C-18.626-35.948-10.132-43 0-43c11.855 0 21.5 9.645 21.5 21.5S11.855 0 0 0"
transform="translate(439.75 426.49)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-68.642 112.514c-2.745 4.501-7.532 7.189-12.803 7.189h-.001c-5.273 0-10.06-2.687-12.806-7.188L-162.893 0a15.004 15.004 0 0 1 2.03-18.246l21.599-22.309h-5.429c-8.285 0-15-6.716-15-15v-22.874c0-8.284 6.715-15 15-15h4.59l6.682-68.109a10 10 0 0 1 9.952-9.024h84.045a10 10 0 0 1 9.952 9.024l6.682 68.109h4.591c8.284 0 15 6.716 15 15v22.874c0 8.284-6.716 15-15 15h-5.43l21.6 22.309A15.003 15.003 0 0 1 0 0"
transform="translate(337.446 239.406)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="m0 0-9.17-87.37h-91.42L-109.76 0Z"
transform="translate(310.88 177.903)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.62-24.93h-104.52L-109.76 0Z"
transform="translate(310.88 177.903)"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.165 87.371h109.759L91.429 0"
transform="translate(210.286 90.533)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 71.613 58.054 129.667 129.667 129.667 71.612 0 129.666-58.054 129.666-129.667"
transform="translate(126.334 295.322)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h332"
transform="translate(90 424.99)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-26.333a5 5 0 0 0-5 5v26.333a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(139.5 255.695)"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.333a5 5 0 0 0-5 5v26.333a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(139.5 255.695)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-26.333a5 5 0 0 0-5 5v26.333a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(398.834 255.695)"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.333a5 5 0 0 0-5 5v26.333a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(398.834 255.695)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.113-7.387-16.5-16.5-16.5S-33-9.113-33 0c0 9.112 7.387 16.5 16.5 16.5S0 9.112 0 0"
transform="translate(88.75 424.99)"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.113-7.387-16.5-16.5-16.5S-33-9.113-33 0c0 9.112 7.387 16.5 16.5 16.5S0 9.112 0 0Z"
transform="translate(88.75 424.99)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.113-7.387-16.5-16.5-16.5S-33-9.113-33 0c0 9.112 7.387 16.5 16.5 16.5S0 9.112 0 0"
transform="translate(456.25 424.99)"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.113-7.387-16.5-16.5-16.5S-33-9.113-33 0c0 9.112 7.387 16.5 16.5 16.5S0 9.112 0 0Z"
transform="translate(456.25 424.99)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 49.051 50.661a10 10 0 0 1 1.352 12.164l-68.64 112.515c-3.898 6.389-13.176 6.389-17.074 0l-68.641-112.515a10.001 10.001 0 0 1 1.353-12.164L-53.548 0Z"
transform="translate(282.774 193.977)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M251 182.903h10v105.43h-10z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.063 65.671c-3.898 6.39-13.176 6.39-17.074 0l-68.641-112.514a10.001 10.001 0 0 1 1.353-12.164l49.05-50.661h53.549l49.051 50.661a10.001 10.001 0 0 1 1.353 12.164L17.713-29.035"
transform="translate(304.6 303.645)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-126.494c-5.523 0-10 4.477-10 10v22.875c0 5.522 4.477 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(319.247 170.977)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.008-6.492-14.5-14.5-14.5S-29-8.008-29 0s6.492 14.5 14.5 14.5S0 8.008 0 0"
transform="translate(270.5 293.117)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.333a5 5 0 0 0-5 5v26.333a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(269.166 406.822)"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.333a5 5 0 0 0-5 5v26.333a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(269.166 406.822)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v80.444h63.247c5.523 0 10 4.477 10 10v22.874c0 5.523-4.477 10-10 10H-63.247c-5.523 0-10-4.477-10-10V90.444c0-5.523 4.477-10 10-10H-34"
transform="translate(256 90.533)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(108.166 199.904)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(433 361.505)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(363 122.834)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(82.75 339.425)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(413.834 182.903)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category