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 lineal color style with a red, yellow, olive, blue, orange, and pink finish, 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"
>
<path fill="#ffeb99" d="M3 13h58v44a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V13z" />
<path fill="#006df0" d="M61 7v6H3V7a4 4 0 0 1 4-4h50a4 4 0 0 1 4 4z" />
<path
fill="#ffcd00"
d="m59.2 35.15-2.54 2.53a14.459 14.459 0 0 0-2.66-1.1V33a2.006 2.006 0 0 0-2-2h-4a2.006 2.006 0 0 0-2 2v3.58a13.83 13.83 0 0 0-2.66 1.11l-2.54-2.54a1.992 1.992 0 0 0-2.82 0l-2.83 2.83a1.992 1.992 0 0 0 0 2.82l2.54 2.54A13.83 13.83 0 0 0 36.58 46H33a2.006 2.006 0 0 0-2 2v4a2.006 2.006 0 0 0 2 2h3.58a13.83 13.83 0 0 0 1.11 2.66l-2.54 2.54a2.008 2.008 0 0 0-.55 1.8H57a4 4 0 0 0 4-4V34.6a2.008 2.008 0 0 0-1.8.55zM50 57a7 7 0 1 1 7-7 7 7 0 0 1-7 7z"
/>
<circle cx="9" cy="8" r="2" fill="#5eac24" />
<circle cx="16" cy="8" r="2" fill="#ffcd00" />
<circle cx="23" cy="8" r="2" fill="#d80027" />
<circle cx="50" cy="50" r="7" fill="#ffeb99" />
<path
fill="#ffde55"
d="M3 30v27a4 4 0 0 0 4 4h30C18.207 61 3 47.135 3 30z"
/>
<path
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
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-1zM16 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-1zM23 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-1zM50 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 6zM9 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-2zM19 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-3zM29 32a1 1 0 0 0 1-1V19a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1zM9 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-2zM26 48H9a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2z"
/>
</svg>
More icons in the same style and category