Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, notebook, pen, note, writing, 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="177.632"
x2="190.76"
y1="482.024"
y2="-16.816"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="56.784"
x2="69.912"
y1="478.848"
y2="-20"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="178.56"
x2="191.688"
y1="482.048"
y2="-16.792"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="117.676"
x2="130.804"
y1="480.452"
y2="-18.388"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="55.824"
x2="68.944"
y1="478.816"
y2="-20.024"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="127.768"
x2="140.896"
y1="480.712"
y2="-18.128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="191.728"
x2="204.856"
y1="482.392"
y2="-16.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="89.064"
x2="102.192"
y1="479.696"
y2="-19.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="145.024"
x2="158.152"
y1="481.168"
y2="-17.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="216.976"
x2="230.096"
y1="483.056"
y2="-15.784"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="114.304"
x2="127.432"
y1="480.36"
y2="-18.488"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="162.272"
x2="175.4"
y1="481.624"
y2="-17.224"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="206.24"
x2="219.368"
y1="482.776"
y2="-16.064"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="266.2"
x2="279.328"
y1="484.352"
y2="-14.488"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="59.608"
x2="72.736"
y1="478.92"
y2="-19.92"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="131.56"
x2="144.688"
y1="480.808"
y2="-18.032"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="219.496"
x2="232.624"
y1="483.128"
y2="-15.712"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="92.848"
x2="105.976"
y1="479.792"
y2="-19.048"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="164.8"
x2="177.928"
y1="481.688"
y2="-17.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="228.752"
x2="241.88"
y1="483.368"
y2="-15.472"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="78.12"
x2="91.248"
y1="479.408"
y2="-19.44"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="142.08"
x2="155.208"
y1="481.088"
y2="-17.752"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="218.024"
x2="231.152"
y1="483.088"
y2="-15.752"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="277.984"
x2="291.112"
y1="484.664"
y2="-14.176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="423.352"
x2="436.48"
y1="488.488"
y2="-10.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M328 0H40C17.918.027.027 17.918 0 40v400c.027 22.082 17.918 39.973 40 40h288c22.082-.027 39.973-17.918 40-40V40c-.027-22.082-17.918-39.973-40-40zm-24 16v52.688l-10.344-10.344a8.004 8.004 0 0 0-11.312 0L272 68.687V16zm48 424c0 13.254-10.746 24-24 24H40c-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 8 0 0 0 320 88V16h8c13.254 0 24 10.746 24 24zm0 0"
/>
<path
fill="url(#c)"
d="m74.344 117.656 11.312-11.312L67.312 88l18.344-18.344-11.312-11.312-24 24a8.004 8.004 0 0 0 0 11.312zm0 0"
/>
<path
fill="url(#d)"
d="m181.656 117.656 24-24a8.004 8.004 0 0 0 0-11.312l-24-24-11.312 11.312L188.688 88l-18.344 18.344zm0 0"
/>
<path
fill="url(#e)"
d="m104.57 125.027 32.008-79.992 14.863 5.945-32.007 79.997zm0 0"
/>
<path fill="url(#f)" d="M48 160h32v16H48zm0 0" />
<path fill="url(#g)" d="M96 160h80v16H96zm0 0" />
<path fill="url(#h)" d="M192 160h16v16h-16zm0 0" />
<path fill="url(#i)" d="M80 208h32v16H80zm0 0" />
<path fill="url(#j)" d="M128 208h48v16h-48zm0 0" />
<path fill="url(#k)" d="M192 208h64v16h-64zm0 0" />
<path fill="url(#l)" d="M96 256h48v16H96zm0 0" />
<path fill="url(#m)" d="M160 256h16v16h-16zm0 0" />
<path fill="url(#n)" d="M192 256h40v16h-40zm0 0" />
<path fill="url(#o)" d="M248 256h48v16h-48zm0 0" />
<path fill="url(#p)" d="M48 304h32v16H48zm0 0" />
<path fill="url(#q)" d="M96 304h80v16H96zm0 0" />
<path fill="url(#r)" d="M192 304h64v16h-64zm0 0" />
<path fill="url(#s)" d="M80 352h32v16H80zm0 0" />
<path fill="url(#t)" d="M128 352h80v16h-80zm0 0" />
<path fill="url(#u)" d="M224 352h16v16h-16zm0 0" />
<path fill="url(#v)" d="M64 400h32v16H64zm0 0" />
<path fill="url(#w)" d="M112 400h64v16h-64zm0 0" />
<path fill="url(#x)" d="M192 400h56v16h-56zm0 0" />
<path fill="url(#y)" d="M264 400h32v16h-32zm0 0" />
<path
fill="url(#z)"
d="M477.656 154.344 448 124.688V96a8 8 0 0 0-8-8V48a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v40a8 8 0 0 0-8 8v304a8.024 8.024 0 0 0 .8 3.574l16 32A7.997 7.997 0 0 0 408 440v32h16v-32a7.997 7.997 0 0 0 7.2-4.426l16-32A8.024 8.024 0 0 0 448 400V147.312l16 16V224h16v-64a8.001 8.001 0 0 0-2.344-5.656zM400 384V152h32v232zm0-248v-32h32v32zm8-80h16v32h-16zm11.055 368h-6.11l-12-24h30.11zm0 0"
/>
</svg>
More icons in the same style and category