pyramid icon

pyramid from IconPark Outline by ByteDance · Outline · Build · Apache-2.0 Free for personal and commercial use.

Name: pyramid
Set: IconPark Outline
Style: Outline
Category: Build
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

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

More build icons from IconPark Outline

Use the pyramid icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="m21 12l17 30H4z" clip-rule="evenodd"/><path stroke-linecap="round" d="M36.5 42H44l-8-14l-3 5M21 12l-8 30"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlinePyramid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="4"><path d="m21 12l17 30H4z" clipRule="evenodd"/><path strokeLinecap="round" d="M36.5 42H44l-8-14l-3 5M21 12l-8 30"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="m21 12l17 30H4z" clip-rule="evenodd"/><path stroke-linecap="round" d="M36.5 42H44l-8-14l-3 5M21 12l-8 30"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m21%2012l17%2030H4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M36.5%2042H44l-8-14l-3%205M21%2012l-8%2030%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m21%2012l17%2030H4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M36.5%2042H44l-8-14l-3%205M21%2012l-8%2030%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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