Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, notebook, pen, note, writing, process, Tools and utensils, writing tool, notepad, coding, and files and folders. 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="191.056"
x2="176.472"
y1="479.944"
y2="-15.984"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="266.408"
x2="251.816"
y1="477.728"
y2="-18.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="192"
x2="177.408"
y1="479.912"
y2="-16.008"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="68.576"
x2="53.992"
y1="483.544"
y2="-12.384"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="100.544"
x2="85.96"
y1="482.6"
y2="-13.32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="132.52"
x2="117.936"
y1="481.664"
y2="-14.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M328 464H40c-13.254 0-24-10.746-24-24V40c0-13.254 10.746-24 24-24h216v72c0 3.234 1.95 6.152 4.938 7.39s6.43.551 8.718-1.734L288 75.312l18.344 18.344A8.001 8.001 0 0 0 312 96a7.849 7.849 0 0 0 3.063-.61A8.002 8.002 0 0 0 320 88V16h8c13.254 0 24 10.746 24 24v288h16V40c-.027-22.082-17.918-39.973-40-40H40C17.918.027.027 17.918 0 40v400c.027 22.082 17.918 39.973 40 40h288c22.082-.027 39.973-17.918 40-40h-16c0 13.254-10.746 24-24 24zM304 16v52.688l-10.344-10.344a8.004 8.004 0 0 0-11.312 0L272 68.687V16zm0 0"
/>
<path
fill="url(#c)"
d="M472 376h-40a8 8 0 0 0-8-8h-28.688l-29.656-29.656A8.001 8.001 0 0 0 360 336h-64v16h60.688l16 16H120a8.024 8.024 0 0 0-3.574.8l-32 16A7.997 7.997 0 0 0 80 392H48v16h32a7.997 7.997 0 0 0 4.426 7.2l32 16a8.024 8.024 0 0 0 3.574.8h304a8 8 0 0 0 8-8h40a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-336 8h232v32H136zm-40 19.055v-6.11l24-12v30.11zM384 416v-32h32v32zm80-8h-32v-16h32zm0 0"
/>
<path
fill="url(#d)"
d="M296 232a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-19.098a94.465 94.465 0 0 0-10.215-24.742l13.481-13.48a7.997 7.997 0 0 0 0-11.313l-22.633-22.633a7.997 7.997 0 0 0-11.312 0l-13.48 13.48A94.465 94.465 0 0 0 208 115.099V96a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v19.098a94.465 94.465 0 0 0-24.742 10.215l-13.48-13.481a7.997 7.997 0 0 0-11.313 0l-22.633 22.633a7.997 7.997 0 0 0 0 11.312l13.48 13.48A94.465 94.465 0 0 0 91.098 184H72a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h19.098a94.465 94.465 0 0 0 10.214 24.742l-13.48 13.48a7.997 7.997 0 0 0 0 11.313l22.633 22.633a7.997 7.997 0 0 0 11.312 0l13.48-13.488A94.353 94.353 0 0 0 160 300.902V320a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-19.098a94.353 94.353 0 0 0 24.742-10.222l13.48 13.488a7.997 7.997 0 0 0 11.313 0l22.633-22.633a7.997 7.997 0 0 0 0-11.312l-13.48-13.48c4.562-7.72 8-16.052 10.214-24.743zm-33.39-9.45a79.042 79.042 0 0 1-12.715 30.762 8 8 0 0 0 .937 10.192l12.367 12.375-11.32 11.32-12.367-12.36a8 8 0 0 0-10.192-.937 79.135 79.135 0 0 1-30.77 12.715 7.995 7.995 0 0 0-6.55 7.863V312h-16v-17.52a7.996 7.996 0 0 0-6.55-7.87 79.135 79.135 0 0 1-30.77-12.715 8 8 0 0 0-10.192.937l-12.367 12.367-11.32-11.32 12.36-12.375a8 8 0 0 0 .937-10.192 79.042 79.042 0 0 1-12.715-30.761A7.995 7.995 0 0 0 97.52 216H80v-16h17.52a7.996 7.996 0 0 0 7.87-6.55 79.042 79.042 0 0 1 12.715-30.763 8 8 0 0 0-.937-10.19l-12.367-12.376 11.32-11.32 12.375 12.36a8 8 0 0 0 10.192.937 79.042 79.042 0 0 1 30.761-12.715A7.995 7.995 0 0 0 176 121.52V104h16v17.52a7.996 7.996 0 0 0 6.55 7.87 79.042 79.042 0 0 1 30.763 12.715 8 8 0 0 0 10.19-.937l12.376-12.367 11.32 11.32-12.36 12.375a8 8 0 0 0-.937 10.191 79.042 79.042 0 0 1 12.715 30.762A7.995 7.995 0 0 0 270.48 200H288v16h-17.52a7.996 7.996 0 0 0-7.87 6.55zm0 0"
/>
<path
fill="url(#d)"
d="M184 152c-30.93 0-56 25.07-56 56s25.07 56 56 56 56-25.07 56-56c-.04-30.91-25.09-55.96-56-56zm0 96c-22.09 0-40-17.91-40-40s17.91-40 40-40 40 17.91 40 40c-.027 22.082-17.918 39.973-40 40zm0 0"
/>
<path fill="url(#e)" d="M48 48h16v16H48zm0 0" />
<path fill="url(#f)" d="M80 48h16v16H80zm0 0" />
<path fill="url(#g)" d="M112 48h16v16h-16zm0 0" />
</svg>
More icons in the same style and category