Gentleface › Shapes › ellipse
ellipse icon
ellipseEllipse: ellipse shape, oval, ellipse, ellipse tool. 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="M3.167 5.085C3.843 4.721 4.622 4.445 5.503 4.257C6.306 4.086 7.138 4 8 4C8.862 4 9.694 4.086 10.497 4.257C11.378 4.445 12.157 4.721 12.833 5.085C13.534 5.462 14.072 5.906 14.446 6.415C14.815 6.917 15 7.446 15 8C15 8.554 14.815 9.083 14.446 9.585C14.072 10.094 13.534 10.538 12.833 10.915C12.157 11.279 11.378 11.555 10.497 11.743C9.694 11.914 8.862 12 8 12C7.138 12 6.306 11.914 5.503 11.743C4.622 11.555 3.843 11.279 3.167 10.915C2.466 10.538 1.928 10.094 1.554 9.585C1.185 9.083 1 8.554 1 8C1 7.446 1.185 6.917 1.554 6.415C1.928 5.906 2.466 5.462 3.167 5.085ZM3.641 10.035C4.234 10.354 4.924 10.597 5.712 10.765C6.446 10.922 7.209 11 8 11C8.791 11 9.554 10.922 10.288 10.765C11.076 10.597 11.766 10.354 12.359 10.035C12.928 9.729 13.355 9.381 13.641 8.992C13.88 8.666 14 8.336 14 8C14 7.664 13.88 7.334 13.641 7.008C13.355 6.619 12.928 6.271 12.359 5.965C11.766 5.646 11.076 5.403 10.288 5.235C9.554 5.078 8.791 5 8 5C7.209 5 6.446 5.078 5.712 5.235C4.924 5.403 4.234 5.646 3.641 5.965C3.072 6.271 2.645 6.619 2.359 7.008C2.12 7.334 2 7.664 2 8C2 8.336 2.12 8.666 2.359 8.992C2.645 9.381 3.072 9.729 3.641 10.035Z"/></svg>
// Gentleface "ellipse" (line-round), MIT. https://gentleface.com/icons/ellipse
import type { SVGProps } from 'react';
export function EllipseIcon(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="M3.167 5.085C3.843 4.721 4.622 4.445 5.503 4.257C6.306 4.086 7.138 4 8 4C8.862 4 9.694 4.086 10.497 4.257C11.378 4.445 12.157 4.721 12.833 5.085C13.534 5.462 14.072 5.906 14.446 6.415C14.815 6.917 15 7.446 15 8C15 8.554 14.815 9.083 14.446 9.585C14.072 10.094 13.534 10.538 12.833 10.915C12.157 11.279 11.378 11.555 10.497 11.743C9.694 11.914 8.862 12 8 12C7.138 12 6.306 11.914 5.503 11.743C4.622 11.555 3.843 11.279 3.167 10.915C2.466 10.538 1.928 10.094 1.554 9.585C1.185 9.083 1 8.554 1 8C1 7.446 1.185 6.917 1.554 6.415C1.928 5.906 2.466 5.462 3.167 5.085ZM3.641 10.035C4.234 10.354 4.924 10.597 5.712 10.765C6.446 10.922 7.209 11 8 11C8.791 11 9.554 10.922 10.288 10.765C11.076 10.597 11.766 10.354 12.359 10.035C12.928 9.729 13.355 9.381 13.641 8.992C13.88 8.666 14 8.336 14 8C14 7.664 13.88 7.334 13.641 7.008C13.355 6.619 12.928 6.271 12.359 5.965C11.766 5.646 11.076 5.403 10.288 5.235C9.554 5.078 8.791 5 8 5C7.209 5 6.446 5.078 5.712 5.235C4.924 5.403 4.234 5.646 3.641 5.965C3.072 6.271 2.645 6.619 2.359 7.008C2.12 7.334 2 7.664 2 8C2 8.336 2.12 8.666 2.359 8.992C2.645 9.381 3.072 9.729 3.641 10.035Z" />
</svg>
);
}Vue: see /icons/ellipse.md
Svelte: see /icons/ellipse.md
HTML img: see /icons/ellipse.md
CSS: see /icons/ellipse.md
Data URL: see /icons/ellipse.md
Sprite: see /icons/ellipse.md
SwiftUI: see /icons/ellipse.md
Compose: see /icons/ellipse.md
Android XML: see /icons/ellipse.md
Flutter: see /icons/ellipse.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.
Meaning
More shapes icons
burst circle cone cube cylinder diamond dot hexagon octagon pentagon polygon rectangle rectangle-vertical sphere spiral square · all shapes icons
For agents
Metadata: /icons/ellipse.json · Markdown: /icons/ellipse.md · SVG: https://gentleface.com/svg/{style}/16/ellipse.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/ellipse.png