Gentleface › Shapes › pyramid
pyramid icon
pyramidPyramid: pyramid 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="M8.618 14.5C8.266 14.676 7.893 14.764 7.5 14.764C7.107 14.764 6.734 14.676 6.382 14.5L1.759 12.189C1.64 12.129 1.537 12.049 1.45 11.949C1.355 11.839 1.287 11.714 1.246 11.574C1.206 11.434 1.196 11.292 1.217 11.148C1.237 11.017 1.281 10.894 1.349 10.78L6.643 1.957C6.726 1.818 6.837 1.705 6.976 1.62C6.984 1.615 6.992 1.61 7 1.606L7.006 1.602C7.088 1.556 7.173 1.522 7.261 1.5C7.338 1.481 7.418 1.472 7.5 1.472C7.582 1.472 7.662 1.481 7.739 1.5L7.74 1.5C7.83 1.522 7.917 1.558 8 1.606C8.008 1.61 8.016 1.615 8.024 1.62C8.163 1.705 8.274 1.818 8.357 1.957L13.651 10.78C13.719 10.894 13.763 11.017 13.783 11.148C13.804 11.292 13.794 11.434 13.754 11.574C13.713 11.714 13.645 11.839 13.55 11.949C13.463 12.049 13.36 12.129 13.241 12.189L8.618 14.5ZM2.207 11.294L6.829 13.606C6.885 13.634 6.942 13.658 7 13.679L7 3.305L2.207 11.294ZM8.171 13.606L12.793 11.294L8 3.305L8 13.679C8.058 13.658 8.115 13.634 8.171 13.606Z"/></svg>
// Gentleface "pyramid" (line-round), MIT. https://gentleface.com/icons/pyramid
import type { SVGProps } from 'react';
export function PyramidIcon(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="M8.618 14.5C8.266 14.676 7.893 14.764 7.5 14.764C7.107 14.764 6.734 14.676 6.382 14.5L1.759 12.189C1.64 12.129 1.537 12.049 1.45 11.949C1.355 11.839 1.287 11.714 1.246 11.574C1.206 11.434 1.196 11.292 1.217 11.148C1.237 11.017 1.281 10.894 1.349 10.78L6.643 1.957C6.726 1.818 6.837 1.705 6.976 1.62C6.984 1.615 6.992 1.61 7 1.606L7.006 1.602C7.088 1.556 7.173 1.522 7.261 1.5C7.338 1.481 7.418 1.472 7.5 1.472C7.582 1.472 7.662 1.481 7.739 1.5L7.74 1.5C7.83 1.522 7.917 1.558 8 1.606C8.008 1.61 8.016 1.615 8.024 1.62C8.163 1.705 8.274 1.818 8.357 1.957L13.651 10.78C13.719 10.894 13.763 11.017 13.783 11.148C13.804 11.292 13.794 11.434 13.754 11.574C13.713 11.714 13.645 11.839 13.55 11.949C13.463 12.049 13.36 12.129 13.241 12.189L8.618 14.5ZM2.207 11.294L6.829 13.606C6.885 13.634 6.942 13.658 7 13.679L7 3.305L2.207 11.294ZM8.171 13.606L12.793 11.294L8 3.305L8 13.679C8.058 13.658 8.115 13.634 8.171 13.606Z" />
</svg>
);
}Vue: see /icons/pyramid.md
Svelte: see /icons/pyramid.md
HTML img: see /icons/pyramid.md
CSS: see /icons/pyramid.md
Data URL: see /icons/pyramid.md
Sprite: see /icons/pyramid.md
SwiftUI: see /icons/pyramid.md
Compose: see /icons/pyramid.md
Android XML: see /icons/pyramid.md
Flutter: see /icons/pyramid.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 { PyramidIcon } from '@gentleface/react'; (setup).
Meaning
More shapes icons
burst circle circles cone cube cylinder diamond dot ellipse hexagon octagon pentagon polygon rectangle rectangle-circle rectangle-vertical · all shapes icons
For agents
Metadata: /icons/pyramid.json · Markdown: /icons/pyramid.md · SVG: https://gentleface.com/svg/{style}/16/pyramid.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/pyramid.png