Add icons to this collection by clicking the heart icon.
Do It icon - also known as text, ui, DIY, do it yourself, and do it. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="417.56"
x2="132"
y1="511.15"
y2="-9.77"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="227.45"
x2="-58.12"
y1="615.37"
y2="94.45"
href="#a"
/>
<linearGradient
id="c"
x1="417.58"
x2="132.02"
y1="511.13"
y2="-9.78"
href="#a"
/>
<linearGradient
id="d"
x1="314.96"
x2="29.4"
y1="567.39"
y2="46.47"
href="#a"
/>
<linearGradient
id="e"
x1="442.15"
x2="156.58"
y1="497.67"
y2="-23.25"
href="#a"
/>
<linearGradient
id="f"
x1="518.01"
x2="232.44"
y1="456.08"
y2="-64.83"
href="#a"
/>
<linearGradient
id="g"
x1="494.4"
x2="208.84"
y1="469.02"
y2="-51.89"
href="#a"
/>
<linearGradient
id="h"
x1="538.9"
x2="253.34"
y1="444.63"
y2="-76.29"
href="#a"
/>
<linearGradient
id="i"
x1="515.3"
x2="229.73"
y1="457.57"
y2="-63.35"
href="#a"
/>
<linearGradient
id="j"
x1="384.35"
x2="98.79"
y1="529.35"
y2="8.43"
href="#a"
/>
<linearGradient
id="k"
x1="485.29"
x2="199.72"
y1="474.02"
y2="-46.9"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M391.06 100.44H120.93a115.94 115.94 0 0 0-114.21 96 6 6 0 1 0 11.83 2.05 103.95 103.95 0 0 1 102.38-86.06h270.13a103.94 103.94 0 0 1 0 207.87H120.93a104 104 0 0 1-100.55-77.54 6 6 0 1 0-11.61 3 116 116 0 0 0 112.16 86.51h270.13a115.94 115.94 0 1 0 0-231.87z"
/>
<path
fill="url(#b)"
d="M11.88 231.36a6 6 0 0 0 5.47-6.49c-.23-2.75-.35-5.61-.35-8.49a6 6 0 0 0-12 0c0 3.22.14 6.42.4 9.5a6 6 0 0 0 6 5.5z"
/>
<path
fill="url(#c)"
d="M120.94 302.31h270.12a85.94 85.94 0 1 0 0-171.87H120.94a85.94 85.94 0 1 0 0 171.87zm0-159.87h270.12a73.94 73.94 0 1 1 0 147.87H120.94a73.94 73.94 0 1 1 0-147.87z"
/>
<path
fill="url(#d)"
d="M110.38 264.83h2.68a48.46 48.46 0 1 0 0-96.91h-2.68a11.93 11.93 0 0 0-11.92 11.92v73.07a11.93 11.93 0 0 0 11.92 11.92zm.08-84.91h2.6a36.46 36.46 0 1 1 0 72.91h-2.6z"
/>
<path
fill="url(#e)"
d="M287.94 264.83a6 6 0 0 0 6-6v-84.91a6 6 0 0 0-12 0v84.91a6 6 0 0 0 6 6z"
/>
<path
fill="url(#f)"
d="M380.37 246.71a6 6 0 0 0 6-6V169.3a6 6 0 0 0-12 0v71.41a6 6 0 0 0 6 6z"
/>
<path
fill="url(#g)"
d="M380.37 269.45a6 6 0 0 0 6-6v-4.88a6 6 0 0 0-12 0v4.88a6 6 0 0 0 6 6z"
/>
<path
fill="url(#h)"
d="M407.54 246.71a6 6 0 0 0 6-6V169.3a6 6 0 0 0-12 0v71.41a6 6 0 0 0 6 6z"
/>
<path
fill="url(#i)"
d="M407.54 269.45a6 6 0 0 0 6-6v-4.88a6 6 0 0 0-12 0v4.88a6 6 0 0 0 6 6z"
/>
<path
fill="url(#j)"
d="M212.78 264.83c24 0 43.49-21.73 43.49-48.45s-19.51-48.46-43.49-48.46-43.49 21.73-43.49 48.46 19.51 48.45 43.49 48.45zm0-84.91c17.36 0 31.49 16.35 31.49 36.46s-14.13 36.45-31.49 36.45-31.49-16.35-31.49-36.45 14.13-36.46 31.49-36.46z"
/>
<path
fill="url(#k)"
d="M308.11 179.92h18v78.91a6 6 0 0 0 12 0v-78.91H356a6 6 0 0 0 0-12h-47.89a6 6 0 0 0 0 12z"
/>
</g>
</svg>
More icons in the same style and category