Add icons to this collection by clicking the heart icon.
Api icon - also known as interface, code, program, api, and business and finance. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="-2.73"
y2="419.653"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient id="b" x1="56" x2="56" y1="-2.73" y2="419.653" href="#a" />
<linearGradient
id="c"
x1="104"
x2="104"
y1="-2.73"
y2="419.653"
href="#a"
/>
<linearGradient
id="d"
x1="224"
x2="224"
y1="-2.73"
y2="419.653"
href="#a"
/>
<linearGradient
id="e"
x1="272"
x2="272"
y1="-2.73"
y2="419.653"
href="#a"
/>
<linearGradient
id="f"
x1="392"
x2="392"
y1="-2.73"
y2="419.653"
href="#a"
/>
<linearGradient
id="g"
x1="440"
x2="440"
y1="-2.73"
y2="419.653"
href="#a"
/>
<linearGradient
id="h"
x1="240"
x2="240"
y1="-2.73"
y2="419.653"
href="#a"
/>
<linearGradient
id="i"
x1="200"
x2="200"
y1="-2.73"
y2="419.653"
href="#a"
/>
<path
fill="url(#a)"
d="M488 416h-56v-32a8 8 0 0 0-8-8H264v-48h-16v48H88a8 8 0 0 0-8 8v32H24a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H96v-24h152v24h-56a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-56v-24h152v24h-56a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-344 64H32v-48h112zm168 0H200v-48h112zm168 0H368v-48h112z"
/>
<path fill="url(#b)" d="M48 448h16v16H48z" />
<path fill="url(#c)" d="M80 448h48v16H80z" />
<path fill="url(#d)" d="M216 448h16v16h-16z" />
<path fill="url(#e)" d="M248 448h48v16h-48z" />
<path fill="url(#f)" d="M384 448h16v16h-16z" />
<path fill="url(#g)" d="M416 448h48v16h-48z" />
<path
fill="url(#a)"
d="M360 320V48a32.036 32.036 0 0 0-32-32H184a32.036 32.036 0 0 0-32 32v272a32.036 32.036 0 0 0 32 32h48v-16h-48a16.019 16.019 0 0 1-16-16V48a16.019 16.019 0 0 1 16-16h144a16.019 16.019 0 0 1 16 16v272a16.019 16.019 0 0 1-16 16h-48v16h48a32.036 32.036 0 0 0 32-32z"
/>
<path fill="url(#h)" d="M232 48h16v16h-16z" />
<path fill="url(#e)" d="M264 48h16v16h-16z" />
<path
fill="url(#a)"
d="M200 136v16h16.805a39.764 39.764 0 0 0 5.839 14.042l-11.9 11.9 11.314 11.315 11.9-11.9A39.774 39.774 0 0 0 248 183.2V200h16v-16.8a39.774 39.774 0 0 0 14.042-5.839l11.9 11.9 11.314-11.315-11.9-11.9A39.764 39.764 0 0 0 295.2 152H312v-16h-16.8a39.764 39.764 0 0 0-5.839-14.042l11.9-11.9-11.32-11.313-11.9 11.9a39.774 39.774 0 0 0-14.041-5.84V88h-16v16.805a39.774 39.774 0 0 0-14.042 5.839l-11.9-11.9-11.313 11.316 11.9 11.9a39.764 39.764 0 0 0-5.84 14.04zm56-16a24 24 0 1 1-24 24 24.028 24.028 0 0 1 24-24z"
/>
<path fill="url(#i)" d="M192 224h16v16h-16z" />
<path fill="url(#e)" d="M224 224h96v16h-96z" />
<g fill="url(#a)"><path d="M192 256h128v16H192zM248 296h16v16h-16z" /></g>
</svg>
More icons in the same style and category