Add icons to this collection by clicking the heart icon.
Programming icon - also known as web, page, code, program, ui, programming, metadata, and coding. 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 55 55"
>
<linearGradient id="a">
<stop offset="0" stop-color="#d810fb" />
<stop offset="1" stop-color="#3953ed" />
</linearGradient>
<linearGradient
id="b"
x1="2.788"
x2="54.387"
y1="1.173"
y2="54.191"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="7.157"
x2="58.756"
y1="-3.078"
y2="49.94"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1=".024"
x2="51.623"
y1="3.864"
y2="56.882"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="2.321"
x2="53.92"
y1="1.628"
y2="54.646"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="16.179"
x2="67.778"
y1="-11.859"
y2="41.159"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-.901"
x2="50.698"
y1="4.764"
y2="57.782"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-1.012"
x2="50.587"
y1="4.872"
y2="57.89"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1=".202"
x2="51.801"
y1="3.69"
y2="56.708"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M10.937 12.696c-1.737 0-3.151-1.414-3.151-3.151S9.2 6.394 10.937 6.394s3.15 1.414 3.15 3.151-1.413 3.151-3.15 3.151zm0-4.802c-.896 0-1.651.756-1.651 1.651 0 .91.741 1.651 1.651 1.651s1.65-.741 1.65-1.651-.74-1.651-1.65-1.651z"
/>
<path
fill="url(#c)"
d="M19.442 12.696c-1.737 0-3.151-1.414-3.151-3.151s1.414-3.151 3.151-3.151 3.15 1.414 3.15 3.151-1.412 3.151-3.15 3.151zm0-4.802c-.896 0-1.651.756-1.651 1.651 0 .91.741 1.651 1.651 1.651s1.65-.741 1.65-1.651-.739-1.651-1.65-1.651z"
/>
<path
fill="url(#d)"
d="M45.766 48.891H9.235a2.227 2.227 0 0 1-2.225-2.225v-29.14c0-1.227.998-2.225 2.225-2.225h36.53c1.227 0 2.225.998 2.225 2.225v29.141a2.227 2.227 0 0 1-2.224 2.224zM9.235 16.801a.726.726 0 0 0-.725.725v29.141c0 .399.325.725.725.725h36.53a.726.726 0 0 0 .725-.725V17.526c0-.4-.325-.725-.725-.725z"
/>
<path
fill="url(#e)"
d="M49.426 52.125H5.575a2.703 2.703 0 0 1-2.7-2.7V5.574a2.703 2.703 0 0 1 2.7-2.699h43.851a2.702 2.702 0 0 1 2.699 2.699v43.851c0 1.489-1.211 2.7-2.699 2.7zM5.575 4.375a1.2 1.2 0 0 0-1.2 1.199v43.851c0 .662.538 1.2 1.2 1.2h43.851a1.2 1.2 0 0 0 1.199-1.2V5.574a1.2 1.2 0 0 0-1.199-1.199z"
/>
<path
fill="url(#f)"
d="M45.995 10.089h-18.37a.75.75 0 0 1 0-1.5h18.37a.75.75 0 0 1 0 1.5z"
/>
<path
fill="url(#g)"
d="M21.507 41.55a.75.75 0 0 1-.287-1.021l9.06-16.151a.75.75 0 0 1 1.308.733l-9.06 16.151a.75.75 0 0 1-1.021.288z"
/>
<path
fill="url(#h)"
d="M22.012 32.764 16.9 28.898a.75.75 0 0 1 0-1.196l5.111-3.865a.75.75 0 1 1 .905 1.196l-4.32 3.267 4.32 3.268a.75.75 0 1 1-.904 1.196z"
/>
<path
fill="url(#i)"
d="M30.335 40.278a.75.75 0 0 1 .146-1.05l4.32-3.267-4.32-3.268a.75.75 0 0 1 .905-1.197l5.111 3.866a.75.75 0 0 1 0 1.196l-5.111 3.865a.75.75 0 0 1-1.051-.145z"
/>
</svg>
More icons in the same style and category