Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, file, document, archive, coding, and files and folders. Created in a clean blue 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="100"
height="100"
viewBox="0 0 511.894 511.894"
>
<g transform="translate(1 1)">
<path
d="M203.042 306.756a6.735 6.735 0 0 1-5.54-2.888l-23.869-34.316a6.739 6.739 0 0 1 3.697-10.329l23.869-6.75a6.735 6.735 0 0 1 3.672 12.961l-14.776 4.178 18.474 26.56a6.735 6.735 0 0 1-5.527 10.584zM274.641 348.099a6.736 6.736 0 0 1-1.829-13.217l14.776-4.178-18.474-26.559a6.74 6.74 0 1 1 11.066-7.698l23.869 34.316a6.739 6.739 0 0 1-3.697 10.329l-23.869 6.75a6.597 6.597 0 0 1-1.842.257zM220.931 337.625a6.738 6.738 0 0 1-5.816-10.125l35.803-61.467a6.737 6.737 0 0 1 11.644 6.776l-35.803 61.467a6.725 6.725 0 0 1-5.828 3.349z"
fill="#7facfa"
/>
<linearGradient
id="a"
x1="-49.182"
x2="-47.94"
y1="651.462"
y2="650.763"
gradientTransform="matrix(280.32 0 0 -498.5263 13890.416 324853.094)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="m218.206 5.631-29.238 16.91-74.173 48.774v287.933L365.81 504.157l29.305-16.909V107.762z"
fill="url(#a)"
/>
<path
d="M395.115 107.762v379.486l-29.305 16.909V124.671zM395.115 107.762l-29.305 16.909-176.842-102.13 29.238-16.91zM188.966 22.541v78.552c0 7.208-5.12 10.105-11.453 6.467l-62.72-36.244 74.173-48.775z"
fill="#a4c2f7"
/>
<path
d="m395.115 107.762-1.549.875-155.15-89.532-27.688 16.034-1.55.875-20.21 13.272-52.48 34.56-1.482.943v286.114l-20.211-11.655V71.315l74.173-48.774 29.238-16.91z"
fill="#fff"
/>
</g>
<path
d="M210.516 258.118a6.73 6.73 0 0 0-8.316-4.645l-23.869 6.75a6.737 6.737 0 0 0-3.697 10.329l23.869 34.316a6.74 6.74 0 1 0 11.066-7.698l-18.474-26.559 14.776-4.178a6.734 6.734 0 0 0 4.645-8.315zM269.168 344.197a6.73 6.73 0 0 0 8.316 4.644l23.869-6.75a6.737 6.737 0 0 0 3.697-10.329l-23.869-34.316a6.74 6.74 0 1 0-11.066 7.698l18.474 26.559-14.776 4.178a6.732 6.732 0 0 0-4.645 8.316zM221.931 338.625a6.728 6.728 0 0 0 5.829-3.349l35.803-61.467a6.737 6.737 0 0 0-5.799-10.124 6.735 6.735 0 0 0-5.845 3.348L216.115 328.5a6.738 6.738 0 0 0 5.816 10.125z"
fill="#428dff"
/>
<path
d="M402.695 107.61a6.72 6.72 0 0 0-.749-2.229l-.002-.006-.001-.002a6.704 6.704 0 0 0-1.561-1.77 6.543 6.543 0 0 0-.471-.362c-.151-.104-.273-.24-.433-.333L222.582.796a6.233 6.233 0 0 0-.764-.257 6.55 6.55 0 0 0-1.351-.455 9.166 9.166 0 0 0-2.536.008 6.65 6.65 0 0 0-1.288.437 6.34 6.34 0 0 0-.804.273l-29.194 16.881-.05.02c-.072.042-.125.106-.195.15-.049.03-.105.042-.153.074l-73.775 48.534-.048.019-.107.082-.236.155c-.109.072-.188.173-.291.25a6.708 6.708 0 0 0-.928.797c-.144.155-.253.332-.382.499a5.883 5.883 0 0 0-1.362 3.57c-.012.164-.064.319-.064.484v.158l-.007.066.007.041v68.788a6.737 6.737 0 1 0 13.474 0V84.015l50.817 29.338 1.814 1.048.007.003.006.003.074.032a19.384 19.384 0 0 0 3.982 1.716c1.344.267 2.697.485 4.056.653.121.003.248.053.368.053a13.049 13.049 0 0 0 1.96-.248c.396-.058.804-.056 1.19-.15a12.283 12.283 0 0 0 2.093-.82c.387-.13.767-.279 1.139-.447a14.481 14.481 0 0 0 6.665-13.105V35.21l163.368 94.349v363.928L122.529 356.361V195.934a6.737 6.737 0 1 0-13.474 0V360.25a6.736 6.736 0 0 0 3.368 5.836l250.99 144.895a6.759 6.759 0 0 0 3.378.914l.007-.001.007.001c.381-.017.76-.067 1.132-.148.19-.033.382-.025.57-.074a6.747 6.747 0 0 0 1.666-.679l.06-.046 29.243-16.876c.22-.17.428-.353.624-.55a6.561 6.561 0 0 0 1.039-.916 9.17 9.17 0 0 0 1.267-2.193c.14-.446.233-.905.276-1.371.072-.265.126-.534.162-.805V108.743c0-.181-.056-.35-.07-.529a6.24 6.24 0 0 0-.079-.604zm-29.152 21.923 15.829-9.127v363.939l-15.829 9.134V129.533zm-190.329-27.461c.004.403-.033.806-.111 1.202a5.857 5.857 0 0 1-1.218-.551l-53.25-30.769 54.579-35.908v66.026zm20.218-78.535 15.782-9.126 163.414 94.327-15.846 9.137-163.35-94.338z"
fill="#428dff"
/>
<path
d="M115.793 175.052a5.518 5.518 0 0 0 2.559-.539 6.924 6.924 0 0 0 2.224-1.415 6.696 6.696 0 0 0 1.954-4.783 5.694 5.694 0 0 0-.539-2.559 7.723 7.723 0 0 0-1.415-2.224c-.32-.291-.658-.561-1.013-.809a4.937 4.937 0 0 0-1.211-.605 4.381 4.381 0 0 0-1.211-.408 6.626 6.626 0 0 0-6.066 1.822 7.007 7.007 0 0 0-2.02 4.783 6.785 6.785 0 0 0 6.738 6.737z"
fill="#428dff"
/>
</svg>
More icons in the same style and category