Add icons to this collection by clicking the heart icon.
Coding icon - also known as pencil, gear, development, website, code, web programming, web development, web page, programming, coding, and seo and web. 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 64 64"
>
<linearGradient
id="a"
x1="24"
x2="24"
y1="68.593"
y2="2.659"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="18.5"
x2="18.5"
y1="68.593"
y2="2.659"
href="#a"
/>
<linearGradient
id="c"
x1="34.5"
x2="34.5"
y1="68.593"
y2="2.659"
href="#a"
/>
<linearGradient id="d" x1="27" x2="27" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="e" x1="30" x2="30" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="f" x1="22" x2="22" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="g" x1="31" x2="31" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="h" x1="41" x2="41" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="i" x1="20" x2="20" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="j" x1="26" x2="26" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="k" x1="11" x2="11" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="l" x1="15" x2="15" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="m" x1="19" x2="19" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="n" x1="29" x2="29" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="o" x1="13" x2="13" y1="68.593" y2="2.659" href="#a" />
<linearGradient
id="p"
x1="29.5"
x2="29.5"
y1="68.593"
y2="2.659"
href="#a"
/>
<linearGradient
id="q"
x1="43.5"
x2="43.5"
y1="68.593"
y2="2.659"
href="#a"
/>
<linearGradient id="r" x1="36" x2="36" y1="68.593" y2="2.659" href="#a" />
<linearGradient id="s" x1="51" x2="51" y1="68.593" y2="2.659" href="#a" />
<g>
<path
fill="url(#a)"
d="M41 62H9a3 3 0 0 1-3-3v-2a1 1 0 0 1 2 0v2a1 1 0 0 0 1 1h32a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M20 44a1 1 0 0 1-.554-.168l-3-2a1 1 0 0 1 0-1.664l3-2a1 1 0 1 1 1.11 1.664L18.8 41l1.752 1.168A1 1 0 0 1 20 44z"
/>
<path
fill="url(#c)"
d="M33 44a1 1 0 0 1-.556-1.832L34.2 41l-1.752-1.168a1 1 0 0 1 1.11-1.664l3 2a1 1 0 0 1 0 1.664l-3 2A1 1 0 0 1 33 44z"
/>
<path
fill="url(#a)"
d="M23 45a1 1 0 0 1-.949-1.316l2-6a1 1 0 0 1 1.9.632l-2 6A1 1 0 0 1 23 45z"
/>
<path fill="url(#d)" d="M26 42h2v2h-2z" />
<path fill="url(#e)" d="M29 42h2v2h-2z" />
<path fill="url(#f)" d="M21 29h2v2h-2z" />
<path fill="url(#g)" d="M25 29h12v2H25z" />
<path fill="url(#h)" d="M39 29h4v2h-4z" />
<path fill="url(#i)" d="M17 33h6v2h-6z" />
<path fill="url(#j)" d="M25 33h2v2h-2z" />
<path fill="url(#k)" d="M10 5h2v2h-2z" />
<path fill="url(#l)" d="M14 5h2v2h-2z" />
<path fill="url(#m)" d="M18 5h2v2h-2z" />
<path
fill="url(#n)"
d="M49 2H9a3 3 0 0 0-3 3v39a1 1 0 0 0 2 0V10h42v27a1 1 0 0 0 2 0V5a3 3 0 0 0-3-3zM8 8V5a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1v3z"
/>
<path
fill="url(#o)"
d="M13 14a1 1 0 0 0-1 1v29a1 1 0 0 0 2 0V15a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M20 19a1 1 0 0 0 .556-1.832L18.8 16l1.752-1.168a1 1 0 1 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664l3 2A1 1 0 0 0 20 19z"
/>
<path
fill="url(#p)"
d="M27.168 18.555a1 1 0 0 0 1.387.277l3-2a1 1 0 0 0 0-1.664l-3-2a1 1 0 0 0-1.11 1.664L29.2 16l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#a)"
d="M25.316 12.051a1 1 0 0 0-1.265.633l-2 6a1 1 0 0 0 1.9.632l2-6a1 1 0 0 0-.635-1.265z"
/>
<path fill="url(#i)" d="M17 21h6v2h-6z" />
<path fill="url(#j)" d="M25 21h2v2h-2z" />
<path fill="url(#d)" d="M21 25h12v2H21z" />
<path fill="url(#q)" d="M39 25h9v2h-9z" />
<path fill="url(#r)" d="M35 25h2v2h-2z" />
<path
fill="url(#s)"
d="M51 55a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
fill="url(#s)"
d="M53 62h-4a1 1 0 0 1-1-1v-2.582l-.123-.051-1.83 1.83a1 1 0 0 1-1.414 0l-2.83-2.83a1 1 0 0 1 0-1.415l1.831-1.824-.052-.128H41a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2.582c.017-.042.033-.083.051-.123l-1.83-1.83a1 1 0 0 1 0-1.414l2.83-2.83a1 1 0 0 1 .707-.293 1 1 0 0 1 .708.294l1.822 1.831.13-.053V41a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2.582l.129.053 1.822-1.835a1 1 0 0 1 .708-.294 1 1 0 0 1 .707.293l2.83 2.83a1 1 0 0 1 0 1.414l-1.83 1.83c.018.04.034.081.051.123H61a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-2.582l-.053.128 1.835 1.828a1 1 0 0 1 0 1.415l-2.83 2.83a1 1 0 0 1-1.414 0l-1.83-1.83-.126.051V61a1 1 0 0 1-1 1zm-3-2h2v-2.29a1 1 0 0 1 .709-.957 6.051 6.051 0 0 0 1.141-.47 1 1 0 0 1 1.187.17l1.623 1.623 1.414-1.414-1.62-1.614a1 1 0 0 1-.294-.708 1.039 1.039 0 0 1 .122-.489 5.991 5.991 0 0 0 .471-1.142A1 1 0 0 1 57.71 52H60v-2h-2.29a1 1 0 0 1-.957-.709 5.991 5.991 0 0 0-.471-1.142 1 1 0 0 1 .171-1.186l1.623-1.623-1.414-1.415-1.613 1.62a1.037 1.037 0 0 1-1.2.172 6.051 6.051 0 0 0-1.141-.47A1 1 0 0 1 52 44.29V42h-2v2.29a1 1 0 0 1-.709.957 6.051 6.051 0 0 0-1.141.47 1.036 1.036 0 0 1-1.2-.172l-1.613-1.62-1.413 1.415 1.623 1.623a1 1 0 0 1 .171 1.186 5.991 5.991 0 0 0-.471 1.142 1 1 0 0 1-.957.709H42v2h2.29a1 1 0 0 1 .957.709 5.991 5.991 0 0 0 .471 1.142 1 1 0 0 1 .122.479 1.022 1.022 0 0 1-.294.718l-1.62 1.614 1.414 1.414 1.623-1.623a1 1 0 0 1 1.187-.17 6.051 6.051 0 0 0 1.141.47 1 1 0 0 1 .709.957z"
/>
<path
fill="url(#i)"
d="m37.447 50.105-6-3A1 1 0 0 0 31 47H6a4 4 0 0 0 0 8h25a1 1 0 0 0 .447-.1l6-3a1 1 0 0 0 0-1.79zM6 53a2 2 0 0 1 0-4zm6-4h16.586l-1 1H12zm-2 4H8v-4h2zm2-1h15.586l1 1H12zm19.2.783L29.414 51l1.786-1.783L34.764 51z"
/>
</g>
</svg>
More icons in the same style and category