pyramid icon

pyramid from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name: pyramid
Set: BoxIcons v2
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: bx-pyramid

The same icon in other sets

pyramidBoxIcons v2 Solid pyramidHuge Icons pyramidIconPark pyramidIconPark Outline pyramidLucide pyramidMaterial Design Icons pyramidMyna UI Icons pyramidTabler Icons pyramidTDesign Icons

Use the pyramid icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.445 21.832a1 1 0 0 0 1.11 0l9-6A1 1 0 0 0 21.8 14.4l-9-12c-.377-.504-1.223-.504-1.6 0l-9 12a1 1 0 0 0 .245 1.432zM13 19.131V6l6.565 8.754zM11 6v13.131l-6.565-4.377z"/></svg>

React

import type { SVGProps } from "react";

export function BxPyramid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.445 21.832a1 1 0 0 0 1.11 0l9-6A1 1 0 0 0 21.8 14.4l-9-12c-.377-.504-1.223-.504-1.6 0l-9 12a1 1 0 0 0 .245 1.432zM13 19.131V6l6.565 8.754zM11 6v13.131l-6.565-4.377z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.445 21.832a1 1 0 0 0 1.11 0l9-6A1 1 0 0 0 21.8 14.4l-9-12c-.377-.504-1.223-.504-1.6 0l-9 12a1 1 0 0 0 .245 1.432zM13 19.131V6l6.565 8.754zM11 6v13.131l-6.565-4.377z"/></svg>
</template>

CSS

.icon-pyramid {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.445%2021.832a1%201%200%200%200%201.11%200l9-6A1%201%200%200%200%2021.8%2014.4l-9-12c-.377-.504-1.223-.504-1.6%200l-9%2012a1%201%200%200%200%20.245%201.432zM13%2019.131V6l6.565%208.754zM11%206v13.131l-6.565-4.377z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.445%2021.832a1%201%200%200%200%201.11%200l9-6A1%201%200%200%200%2021.8%2014.4l-9-12c-.377-.504-1.223-.504-1.6%200l-9%2012a1%201%200%200%200%20.245%201.432zM13%2019.131V6l6.565%208.754zM11%206v13.131l-6.565-4.377z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/pyramid.svg?color=%231a73e8&size=48