Add icons to this collection by clicking the heart icon.
Api icon - also known as interface, setting, application, gear, service, program, web programming, web development, coding, api, and seo and web. 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 64 64"
>
<linearGradient
id="a"
x1="1.852"
x2="31.804"
y1="11.638"
y2="63.517"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3ad894" />
<stop offset="1" stop-color="#904edd" />
</linearGradient>
<linearGradient
id="b"
x1="16.019"
x2="46.232"
y1="4.319"
y2="56.651"
href="#a"
/>
<linearGradient
id="c"
x1="-1.158"
x2="28.928"
y1="12.967"
y2="65.077"
href="#a"
/>
<linearGradient
id="d"
x1="16.183"
x2="46.086"
y1="4.604"
y2="56.398"
href="#a"
/>
<linearGradient
id="e"
x1="33.333"
x2="63.415"
y1="-4.09"
y2="48.014"
href="#a"
/>
<linearGradient
id="f"
x1="30.462"
x2="60.414"
y1="-2.521"
y2="49.358"
href="#a"
/>
<circle cx="24" cy="50" r="1" fill="url(#a)" />
<path
fill="url(#b)"
d="m63.142 26.01-6.06-.865a25.72 25.72 0 0 0-2.5-6.037l3.678-4.886a1 1 0 0 0-.092-1.309l-7.08-7.08a.998.998 0 0 0-1.309-.092l-4.885 3.678a25.618 25.618 0 0 0-6.038-2.501L37.99.858A1 1 0 0 0 37 0H27a1 1 0 0 0-.99.858l-.866 6.06a25.618 25.618 0 0 0-6.038 2.501l-4.885-3.678a.997.997 0 0 0-1.309.092l-7.08 7.08a1 1 0 0 0-.092 1.309l3.678 4.886a25.653 25.653 0 0 0-2.5 6.037l-6.06.865A1 1 0 0 0 0 27v10a1 1 0 0 0 .858.99l6.06.865a25.72 25.72 0 0 0 2.5 6.037L5.74 49.778a1 1 0 0 0 .092 1.309l7.08 7.08a.997.997 0 0 0 1.309.092l4.885-3.678a25.618 25.618 0 0 0 6.038 2.501l.866 6.06A1 1 0 0 0 27 64h10a1 1 0 0 0 .99-.858l.866-6.06a25.618 25.618 0 0 0 6.038-2.501l4.885 3.678a1 1 0 0 0 1.309-.092l7.08-7.08a1 1 0 0 0 .092-1.309l-3.678-4.886a25.653 25.653 0 0 0 2.5-6.037l6.06-.865A.999.999 0 0 0 64 37V27a1 1 0 0 0-.858-.99zM62 36.133l-5.862.837a1.001 1.001 0 0 0-.83.753 23.665 23.665 0 0 1-2.782 6.717c-.213.351-.191.795.055 1.122l3.558 4.726-5.852 5.852-4.726-3.558a.998.998 0 0 0-1.122-.055 23.651 23.651 0 0 1-6.717 2.782.999.999 0 0 0-.752.83L36.133 62h-8.266l-.837-5.861a1 1 0 0 0-.752-.83 23.68 23.68 0 0 1-6.717-2.782 1.002 1.002 0 0 0-1.122.055l-4.726 3.558-5.852-5.852 3.558-4.726a.998.998 0 0 0 .055-1.122 23.665 23.665 0 0 1-2.782-6.717 1.002 1.002 0 0 0-.83-.753L2 36.133v-8.266l5.862-.837c.404-.058.733-.356.83-.753a23.665 23.665 0 0 1 2.782-6.717 1.001 1.001 0 0 0-.055-1.122l-3.558-4.726 5.852-5.852 4.726 3.558a1 1 0 0 0 1.122.055 23.651 23.651 0 0 1 6.717-2.782.999.999 0 0 0 .752-.83L27.867 2h8.266l.837 5.861a1 1 0 0 0 .752.83 23.68 23.68 0 0 1 6.717 2.782.998.998 0 0 0 1.122-.055l4.726-3.558 5.852 5.852-3.558 4.726a.998.998 0 0 0-.055 1.122 23.665 23.665 0 0 1 2.782 6.717c.097.396.426.695.83.753l5.862.837z"
/>
<path
fill="url(#c)"
d="M13.38 35.801a1 1 0 1 0-1.96.399 20.951 20.951 0 0 0 7.98 12.601c.18.135.947.399 1.4-.2a.997.997 0 0 0-.2-1.399 18.96 18.96 0 0 1-7.22-11.399z"
/>
<path
fill="url(#d)"
d="M52 38h-4v-6c0-8.822-7.178-16-16-16-2.844 0-5.572.748-8 2.156V14a1 1 0 0 0-1.707-.707l-11 11A1 1 0 0 0 12 26h4v6c0 8.822 7.178 16 16 16 1.825 0 3.62-.308 5.333-.914a.999.999 0 1 0-.667-1.884c-1.499.53-3.069.799-4.667.799-7.72 0-14-6.28-14-14v-7a1 1 0 0 0-1-1h-2.586l7.586-7.586v15.586c0 5.514 4.486 10 10 10 3.273 0 6.175-1.588 8-4.026v12.026c0 .404.204 1 1 1a1 1 0 0 0 .707-.293l11-11a1 1 0 0 0-.707-1.707zm-20 2c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm10 7.586V32c0-5.514-4.486-10-10-10-3.273 0-6.175 1.588-8 4.026v-5.501A13.892 13.892 0 0 1 32 18c7.72 0 14 6.28 14 14v7a1 1 0 0 0 1 1h2.586z"
/>
<path
fill="url(#e)"
d="M50.62 28.199c.096.474.554.92 1.179.781a1 1 0 0 0 .781-1.18 20.951 20.951 0 0 0-7.98-12.601 1 1 0 0 0-1.2 1.599 18.96 18.96 0 0 1 7.22 11.399z"
/>
<circle cx="40" cy="14" r="1" fill="url(#f)" />
</svg>
More icons in the same style and category