Gentleface › Shapes › sphere
sphere icon
sphereSphere: sphere solid. 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.05 3.05C3.734 2.367 4.525 1.847 5.423 1.491C6.251 1.164 7.11 1 8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 8.89 14.836 9.749 14.509 10.577C14.153 11.475 13.633 12.266 12.95 12.95C12.266 13.633 11.475 14.153 10.577 14.509C9.749 14.836 8.89 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.11 1.164 6.251 1.491 5.423C1.847 4.525 2.367 3.734 3.05 3.05ZM12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.664 2 7.334 2.12 7.008 2.359C6.619 2.645 6.271 3.072 5.965 3.641C5.646 4.234 5.403 4.924 5.235 5.712C5.078 6.446 5 7.209 5 8C5 8.791 5.078 9.554 5.235 10.288C5.263 10.42 5.293 10.549 5.325 10.675C5.451 10.707 5.58 10.737 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.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757ZM5.451 2.568C4.82 2.863 4.255 3.26 3.757 3.757C3.172 4.343 2.726 5.021 2.421 5.791C2.14 6.501 2 7.237 2 8C2 8.336 2.12 8.666 2.359 8.992C2.645 9.381 3.072 9.729 3.641 10.035C3.824 10.133 4.017 10.225 4.218 10.309C4.073 9.564 4 8.795 4 8C4 7.138 4.086 6.306 4.257 5.503C4.445 4.622 4.721 3.843 5.085 3.167C5.201 2.952 5.323 2.752 5.451 2.568ZM5.451 13.432C5.323 13.248 5.201 13.048 5.085 12.833C4.863 12.421 4.674 11.971 4.517 11.483C4.029 11.326 3.579 11.137 3.167 10.915C2.952 10.799 2.752 10.677 2.568 10.549C2.863 11.18 3.26 11.745 3.757 12.243C4.255 12.74 4.82 13.137 5.451 13.432ZM12.243 12.243C12.74 11.745 13.137 11.18 13.432 10.549C13.248 10.677 13.048 10.799 12.833 10.915C12.157 11.279 11.378 11.555 10.497 11.743C9.694 11.914 8.862 12 8 12C7.205 12 6.436 11.927 5.691 11.782C5.775 11.983 5.867 12.176 5.965 12.359C6.271 12.928 6.619 13.355 7.008 13.641C7.334 13.88 7.664 14 8 14C8.763 14 9.499 13.86 10.209 13.579C10.979 13.274 11.657 12.828 12.243 12.243Z"/></svg>
// Gentleface "sphere" (line-round), MIT. https://gentleface.com/icons/sphere
import type { SVGProps } from 'react';
export function SphereIcon(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.05 3.05C3.734 2.367 4.525 1.847 5.423 1.491C6.251 1.164 7.11 1 8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 8.89 14.836 9.749 14.509 10.577C14.153 11.475 13.633 12.266 12.95 12.95C12.266 13.633 11.475 14.153 10.577 14.509C9.749 14.836 8.89 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.11 1.164 6.251 1.491 5.423C1.847 4.525 2.367 3.734 3.05 3.05ZM12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.664 2 7.334 2.12 7.008 2.359C6.619 2.645 6.271 3.072 5.965 3.641C5.646 4.234 5.403 4.924 5.235 5.712C5.078 6.446 5 7.209 5 8C5 8.791 5.078 9.554 5.235 10.288C5.263 10.42 5.293 10.549 5.325 10.675C5.451 10.707 5.58 10.737 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.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757ZM5.451 2.568C4.82 2.863 4.255 3.26 3.757 3.757C3.172 4.343 2.726 5.021 2.421 5.791C2.14 6.501 2 7.237 2 8C2 8.336 2.12 8.666 2.359 8.992C2.645 9.381 3.072 9.729 3.641 10.035C3.824 10.133 4.017 10.225 4.218 10.309C4.073 9.564 4 8.795 4 8C4 7.138 4.086 6.306 4.257 5.503C4.445 4.622 4.721 3.843 5.085 3.167C5.201 2.952 5.323 2.752 5.451 2.568ZM5.451 13.432C5.323 13.248 5.201 13.048 5.085 12.833C4.863 12.421 4.674 11.971 4.517 11.483C4.029 11.326 3.579 11.137 3.167 10.915C2.952 10.799 2.752 10.677 2.568 10.549C2.863 11.18 3.26 11.745 3.757 12.243C4.255 12.74 4.82 13.137 5.451 13.432ZM12.243 12.243C12.74 11.745 13.137 11.18 13.432 10.549C13.248 10.677 13.048 10.799 12.833 10.915C12.157 11.279 11.378 11.555 10.497 11.743C9.694 11.914 8.862 12 8 12C7.205 12 6.436 11.927 5.691 11.782C5.775 11.983 5.867 12.176 5.965 12.359C6.271 12.928 6.619 13.355 7.008 13.641C7.334 13.88 7.664 14 8 14C8.763 14 9.499 13.86 10.209 13.579C10.979 13.274 11.657 12.828 12.243 12.243Z" />
</svg>
);
}Vue: see /icons/sphere.md
Svelte: see /icons/sphere.md
HTML img: see /icons/sphere.md
CSS: see /icons/sphere.md
Data URL: see /icons/sphere.md
Sprite: see /icons/sphere.md
SwiftUI: see /icons/sphere.md
Compose: see /icons/sphere.md
Android XML: see /icons/sphere.md
Flutter: see /icons/sphere.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 ellipse hexagon octagon pentagon polygon rectangle rectangle-vertical spiral square · all shapes icons
For agents
Metadata: /icons/sphere.json · Markdown: /icons/sphere.md · SVG: https://gentleface.com/svg/{style}/16/sphere.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/sphere.png