Add icons to this collection by clicking the heart icon.
Programing icon - also known as web, page, website, code, program, ui, programming, metadata, and programing. Created in a clean flat 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">
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 57 -57 0 224 196)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 12 -12 0 224 196)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4b67ca" />
<stop offset="1" stop-color="#4159b0" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff3d65" />
<stop offset="1" stop-color="#e6375a" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 202 200)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 202 200)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb62c" />
<stop offset="1" stop-color="#e6a327" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 202 200)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#61de9c" />
<stop offset="1" stop-color="#56c48a" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 236 200)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 5 223) scale(20)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 20 20 0 224 218)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 3 223) scale(20)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g transform="translate(-192 -192)">
<path
fill="url(#c)"
d="M252 200a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v48a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4z"
/>
<path
fill="url(#d)"
d="M252 200a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v8h56z"
/>
<circle cx="202" cy="202" r="2" fill="url(#e)" />
<circle
cx="202"
cy="202"
r="2"
fill="url(#f)"
transform="translate(8)"
/>
<circle
cx="202"
cy="202"
r="2"
fill="url(#g)"
transform="translate(16)"
/>
<path
fill="url(#h)"
d="M248 202a2 2 0 0 0-2-2h-20a2 2 0 0 0 0 4h20a2 2 0 0 0 2-2z"
/>
<path
fill="url(#i)"
d="m214.586 218.586-8 8a2 2 0 0 0 0 2.828l8 8a2 2 0 1 0 2.828-2.828L210.828 228l6.586-6.586a2 2 0 1 0-2.828-2.828z"
transform="translate(-2 2)"
/>
<path
fill="url(#j)"
d="M217.414 221.414 210.828 228l6.586 6.586a2 2 0 1 1-2.828 2.828l-8-8a2 2 0 0 1 0-2.828l8-8a2 2 0 1 1 2.828 2.828z"
transform="matrix(-1 0 0 1 450 2)"
/>
<path
fill="url(#k)"
d="m223.94 238.485 4-16a2 2 0 0 0-3.88-.97l-4 16a2 2 0 0 0 3.88.97z"
/>
</g>
</g>
</svg>
More icons in the same style and category