presention chart icon
presention-chart-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- presention-chart-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the presention chart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 2.75H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75m-5.33 19.59c-.13.26-.4.41-.67.41c-.11 0-.23-.03-.33-.08L12 20.84l-3.67 1.83c-.1.05-.22.08-.33.08c-.27 0-.54-.15-.67-.41a.74.74 0 0 1 .34-1.01l3.58-1.79V17h1.5v2.54l3.58 1.79c.38.18.53.63.34 1.01"/><path d="M3 2v12.1C3 16 4 17 5.9 17h12.2c1.9 0 2.9-1 2.9-2.9V2zm13.98 6.58l-3.15 2.63c-.29.24-.66.34-1.01.28c-.36-.06-.67-.28-.86-.6l-1.05-1.75l-2.93 2.44c-.14.12-.31.17-.48.17a.75.75 0 0 1-.48-1.33l3.15-2.63c.29-.24.66-.34 1.01-.28c.36.06.67.28.86.6l1.05 1.75l2.93-2.44a.75.75 0 0 1 1.06.1c.26.32.22.79-.1 1.06"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconPresentionChartFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 2.75H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75m-5.33 19.59c-.13.26-.4.41-.67.41c-.11 0-.23-.03-.33-.08L12 20.84l-3.67 1.83c-.1.05-.22.08-.33.08c-.27 0-.54-.15-.67-.41a.74.74 0 0 1 .34-1.01l3.58-1.79V17h1.5v2.54l3.58 1.79c.38.18.53.63.34 1.01"/><path d="M3 2v12.1C3 16 4 17 5.9 17h12.2c1.9 0 2.9-1 2.9-2.9V2zm13.98 6.58l-3.15 2.63c-.29.24-.66.34-1.01.28c-.36-.06-.67-.28-.86-.6l-1.05-1.75l-2.93 2.44c-.14.12-.31.17-.48.17a.75.75 0 0 1-.48-1.33l3.15-2.63c.29-.24.66-.34 1.01-.28c.36.06.67.28.86.6l1.05 1.75l2.93-2.44a.75.75 0 0 1 1.06.1c.26.32.22.79-.1 1.06"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 2.75H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75m-5.33 19.59c-.13.26-.4.41-.67.41c-.11 0-.23-.03-.33-.08L12 20.84l-3.67 1.83c-.1.05-.22.08-.33.08c-.27 0-.54-.15-.67-.41a.74.74 0 0 1 .34-1.01l3.58-1.79V17h1.5v2.54l3.58 1.79c.38.18.53.63.34 1.01"/><path d="M3 2v12.1C3 16 4 17 5.9 17h12.2c1.9 0 2.9-1 2.9-2.9V2zm13.98 6.58l-3.15 2.63c-.29.24-.66.34-1.01.28c-.36-.06-.67-.28-.86-.6l-1.05-1.75l-2.93 2.44c-.14.12-.31.17-.48.17a.75.75 0 0 1-.48-1.33l3.15-2.63c.29-.24.66-.34 1.01-.28c.36.06.67.28.86.6l1.05 1.75l2.93-2.44a.75.75 0 0 1 1.06.1c.26.32.22.79-.1 1.06"/></g></svg> </template>
CSS
.icon-presention-chart-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22%202.75H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h20c.41%200%20.75.34.75.75s-.34.75-.75.75m-5.33%2019.59c-.13.26-.4.41-.67.41c-.11%200-.23-.03-.33-.08L12%2020.84l-3.67%201.83c-.1.05-.22.08-.33.08c-.27%200-.54-.15-.67-.41a.74.74%200%200%201%20.34-1.01l3.58-1.79V17h1.5v2.54l3.58%201.79c.38.18.53.63.34%201.01%22%2F%3E%3Cpath%20d%3D%22M3%202v12.1C3%2016%204%2017%205.9%2017h12.2c1.9%200%202.9-1%202.9-2.9V2zm13.98%206.58l-3.15%202.63c-.29.24-.66.34-1.01.28c-.36-.06-.67-.28-.86-.6l-1.05-1.75l-2.93%202.44c-.14.12-.31.17-.48.17a.75.75%200%200%201-.48-1.33l3.15-2.63c.29-.24.66-.34%201.01-.28c.36.06.67.28.86.6l1.05%201.75l2.93-2.44a.75.75%200%200%201%201.06.1c.26.32.22.79-.1%201.06%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22%202.75H2c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h20c.41%200%20.75.34.75.75s-.34.75-.75.75m-5.33%2019.59c-.13.26-.4.41-.67.41c-.11%200-.23-.03-.33-.08L12%2020.84l-3.67%201.83c-.1.05-.22.08-.33.08c-.27%200-.54-.15-.67-.41a.74.74%200%200%201%20.34-1.01l3.58-1.79V17h1.5v2.54l3.58%201.79c.38.18.53.63.34%201.01%22%2F%3E%3Cpath%20d%3D%22M3%202v12.1C3%2016%204%2017%205.9%2017h12.2c1.9%200%202.9-1%202.9-2.9V2zm13.98%206.58l-3.15%202.63c-.29.24-.66.34-1.01.28c-.36-.06-.67-.28-.86-.6l-1.05-1.75l-2.93%202.44c-.14.12-.31.17-.48.17a.75.75%200%200%201-.48-1.33l3.15-2.63c.29-.24.66-.34%201.01-.28c.36.06.67.28.86.6l1.05%201.75l2.93-2.44a.75.75%200%200%201%201.06.1c.26.32.22.79-.1%201.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/presention-chart-filled.svg?color=%231a73e8&size=48
