Add icons to this collection by clicking the heart icon.
Api icon - also known as education, gear, browser, programming, electronics, app, api, and fintech. 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="32"
x2="32"
y1="64.72"
y2="3.053"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="9" x2="9" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="c" x1="16" x2="16" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="d" x1="23" x2="23" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="e" x1="50" x2="50" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="f" x1="12" x2="12" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="g" x1="22" x2="22" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="h" x1="29" x2="29" y1="64.72" y2="3.053" href="#a" />
<linearGradient id="i" x1="19" x2="19" y1="64.72" y2="3.053" href="#a" />
<linearGradient
id="j"
x1="17.5"
x2="17.5"
y1="64.72"
y2="3.053"
href="#a"
/>
<path
fill="url(#a)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v50a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zM7 4h50a3 3 0 0 1 3 3v5H4V7a3 3 0 0 1 3-3zM4 57V14h56v19.649a2.98 2.98 0 0 0-1.506.792l-2.028 2.021A15.478 15.478 0 0 0 55 35.856V33a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v2.856a15.183 15.183 0 0 0-1.469.611l-2.024-2.025a3.065 3.065 0 0 0-4.234 0l-2.83 2.829a2.992 2.992 0 0 0 0 4.235l2.025 2.025A14.924 14.924 0 0 0 35.856 45H33a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h2.856a14.924 14.924 0 0 0 .612 1.468l-2.025 2.025A2.982 2.982 0 0 0 33.649 60H7a3 3 0 0 1-3-3zm53 3H35.785a1.1 1.1 0 0 1 .072-.093l2.54-2.54a1 1 0 0 0 .17-1.187 13.047 13.047 0 0 1-1.03-2.469A1 1 0 0 0 36.58 53H33a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h3.58a1 1 0 0 0 .957-.711 13.047 13.047 0 0 1 1.03-2.469 1 1 0 0 0-.17-1.187l-2.54-2.541a.991.991 0 0 1 0-1.405l2.83-2.83a1.016 1.016 0 0 1 1.406 0l2.54 2.54a1 1 0 0 0 1.187.17 12.842 12.842 0 0 1 2.468-1.029A1 1 0 0 0 47 36.58V33a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3.58a1 1 0 0 0 .712.958 13.376 13.376 0 0 1 2.475 1.024 1 1 0 0 0 1.179-.173l2.541-2.532a.923.923 0 0 1 .093-.072V57a3 3 0 0 1-3 3z"
/>
<path
fill="url(#b)"
d="M9 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#c)"
d="M16 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#d)"
d="M23 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#e)"
d="M50 42a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm0 14a6 6 0 1 1 6-6 6.006 6.006 0 0 1-6 6z"
/>
<path
fill="url(#f)"
d="M9 32a1 1 0 0 0 1-1v-5h4v5a1 1 0 0 0 2 0v-9a4 4 0 0 0-8 0v9a1 1 0 0 0 1 1zm3-12a2 2 0 0 1 2 2v2h-4v-2a2 2 0 0 1 2-2z"
/>
<path
fill="url(#g)"
d="M19 32a1 1 0 0 0 1-1v-5h3a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-3z"
/>
<path
fill="url(#h)"
d="M29 32a1 1 0 0 0 1-1V19a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M9 38h20a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2zM29 42H9a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z"
/>
<path fill="url(#j)" d="M26 48H9a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category