Gentleface › Development › api
api icon
apiApi: api, endpoint, rest api, api endpoint. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.5 1C7.638 1 7.756 1.049 7.854 1.146L9.854 3.146C9.951 3.244 10 3.362 10 3.5C10 3.638 9.951 3.756 9.854 3.854C9.754 3.953 9.636 4.003 9.5 4.003C9.364 4.003 9.246 3.953 9.146 3.854L7.5 2.207L5.854 3.854C5.754 3.953 5.636 4.003 5.5 4.003C5.364 4.003 5.246 3.953 5.146 3.854C5.049 3.756 5 3.638 5 3.5C5 3.362 5.049 3.244 5.146 3.146L7.146 1.146C7.244 1.049 7.362 1 7.5 1ZM11.5 10.003C11.364 10.003 11.246 9.953 11.146 9.854C11.047 9.754 10.997 9.636 10.997 9.5C10.997 9.364 11.047 9.246 11.146 9.146L12.793 7.5L11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146C11.246 5.047 11.364 4.997 11.5 4.997C11.636 4.997 11.754 5.047 11.854 5.146L13.854 7.146C13.953 7.246 14.003 7.364 14.003 7.5C14.003 7.636 13.953 7.754 13.854 7.854L11.854 9.854C11.754 9.953 11.636 10.003 11.5 10.003ZM3.5 5C3.638 5 3.756 5.049 3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854L2.207 7.5L3.854 9.146C3.953 9.246 4.003 9.364 4.003 9.5C4.003 9.636 3.953 9.754 3.854 9.854C3.756 9.951 3.638 10 3.5 10C3.362 10 3.244 9.951 3.146 9.854L1.146 7.854C1.049 7.756 1 7.638 1 7.5C1 7.362 1.049 7.244 1.146 7.146L3.146 5.146C3.244 5.049 3.362 5 3.5 5ZM9.586 7.5C9.586 7.776 9.488 8.012 9.293 8.207L8.207 9.293C8.012 9.488 7.776 9.586 7.5 9.586C7.224 9.586 6.988 9.488 6.793 9.293L5.707 8.207C5.512 8.012 5.414 7.776 5.414 7.5C5.414 7.224 5.512 6.988 5.707 6.793L6.793 5.707C6.988 5.512 7.224 5.414 7.5 5.414C7.776 5.414 8.012 5.512 8.207 5.707L9.293 6.793C9.488 6.988 9.586 7.224 9.586 7.5ZM7.5 14.003C7.364 14.003 7.246 13.953 7.146 13.854L5.146 11.854C5.047 11.754 4.997 11.636 4.997 11.5C4.997 11.364 5.047 11.246 5.146 11.146C5.244 11.049 5.362 11 5.5 11C5.638 11 5.756 11.049 5.854 11.146L7.5 12.793L9.146 11.146C9.246 11.047 9.364 10.997 9.5 10.997C9.636 10.997 9.754 11.047 9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L7.854 13.854C7.754 13.953 7.636 14.003 7.5 14.003Z"/></svg>
// Gentleface "api" (line-round), MIT. https://gentleface.com/icons/api
import type { SVGProps } from 'react';
export function ApiIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M7.5 1C7.638 1 7.756 1.049 7.854 1.146L9.854 3.146C9.951 3.244 10 3.362 10 3.5C10 3.638 9.951 3.756 9.854 3.854C9.754 3.953 9.636 4.003 9.5 4.003C9.364 4.003 9.246 3.953 9.146 3.854L7.5 2.207L5.854 3.854C5.754 3.953 5.636 4.003 5.5 4.003C5.364 4.003 5.246 3.953 5.146 3.854C5.049 3.756 5 3.638 5 3.5C5 3.362 5.049 3.244 5.146 3.146L7.146 1.146C7.244 1.049 7.362 1 7.5 1ZM11.5 10.003C11.364 10.003 11.246 9.953 11.146 9.854C11.047 9.754 10.997 9.636 10.997 9.5C10.997 9.364 11.047 9.246 11.146 9.146L12.793 7.5L11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146C11.246 5.047 11.364 4.997 11.5 4.997C11.636 4.997 11.754 5.047 11.854 5.146L13.854 7.146C13.953 7.246 14.003 7.364 14.003 7.5C14.003 7.636 13.953 7.754 13.854 7.854L11.854 9.854C11.754 9.953 11.636 10.003 11.5 10.003ZM3.5 5C3.638 5 3.756 5.049 3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854L2.207 7.5L3.854 9.146C3.953 9.246 4.003 9.364 4.003 9.5C4.003 9.636 3.953 9.754 3.854 9.854C3.756 9.951 3.638 10 3.5 10C3.362 10 3.244 9.951 3.146 9.854L1.146 7.854C1.049 7.756 1 7.638 1 7.5C1 7.362 1.049 7.244 1.146 7.146L3.146 5.146C3.244 5.049 3.362 5 3.5 5ZM9.586 7.5C9.586 7.776 9.488 8.012 9.293 8.207L8.207 9.293C8.012 9.488 7.776 9.586 7.5 9.586C7.224 9.586 6.988 9.488 6.793 9.293L5.707 8.207C5.512 8.012 5.414 7.776 5.414 7.5C5.414 7.224 5.512 6.988 5.707 6.793L6.793 5.707C6.988 5.512 7.224 5.414 7.5 5.414C7.776 5.414 8.012 5.512 8.207 5.707L9.293 6.793C9.488 6.988 9.586 7.224 9.586 7.5ZM7.5 14.003C7.364 14.003 7.246 13.953 7.146 13.854L5.146 11.854C5.047 11.754 4.997 11.636 4.997 11.5C4.997 11.364 5.047 11.246 5.146 11.146C5.244 11.049 5.362 11 5.5 11C5.638 11 5.756 11.049 5.854 11.146L7.5 12.793L9.146 11.146C9.246 11.047 9.364 10.997 9.5 10.997C9.636 10.997 9.754 11.047 9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L7.854 13.854C7.754 13.953 7.636 14.003 7.5 14.003Z" />
</svg>
);
}Vue: see /icons/api.md
Svelte: see /icons/api.md
HTML img: see /icons/api.md
CSS: see /icons/api.md
Data URL: see /icons/api.md
Sprite: see /icons/api.md
SwiftUI: see /icons/api.md
Compose: see /icons/api.md
Android XML: see /icons/api.md
Flutter: see /icons/api.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { ApiIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- api, endpoint, rest api, api endpoint
- Alternatives
- Also fits
- integration: a programmatic API (api)
- webhook: a request/response API (endpoint)
- Tags
- api, endpoint, interface, rest, graphql, sdk, integration, developer, programming, service, application-programming-interface
- Category
- Development
- Component name
ApiIcon- History
- released in 0.2.0
- added
- Since
- version 0.2.0
Family 1
More development icons
binary braces brackets bug bug-off bug-play code code-alert code-block code-eye code-off code-pencil code-play code-search code-sparkle container · all development icons
For agents
Metadata: /icons/api.json · Markdown: /icons/api.md · SVG: https://gentleface.com/svg/{style}/16/api.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/api.png