presentation graph icon
presentation-graph-linear from Solar by 480 Design · Linear · Business · CC-BY-4.0 Attribution required.
- Name
- presentation-graph-linear
- Set
- Solar
- Style
- Linear
- Category
- Business
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More business icons from Solar
chart-2-boldchart-boldchart-square-boldchat-square-2-boldcourse-down-boldcourse-up-bolddiagram-down-bolddiagram-up-boldgraph-boldgraph-down-boldgraph-down-new-boldgraph-new-boldgraph-new-up-boldgraph-up-boldkanban-boldkanban-square-boldpie-chart-2-boldpie-chart-3-boldpie-chart-boldround-graph-boldtable-boldtable-cells-merge-boldtable-cells-split-boldtable-columns-split-bold
Use the presentation graph icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M2 2H22"/><path stroke-linecap="round" d="M9 10.5L10.2929 9.20711C10.6262 8.87377 10.7929 8.70711 11 8.70711C11.2071 8.70711 11.3738 8.87377 11.7071 9.20711L12.2929 9.79289C12.6262 10.1262 12.7929 10.2929 13 10.2929C13.2071 10.2929 13.3738 10.1262 13.7071 9.79289L15 8.5"/><path stroke-linecap="round" d="M12 21L12 17"/><path stroke-linecap="round" d="M10 22L12 21"/><path stroke-linecap="round" d="M14 22L12 21"/><path d="M20 2V10.5C20 13.5641 20 15.0962 18.9958 16.0481C17.9916 17 16.3753 17 13.1429 17H10.8571C7.62465 17 6.00841 17 5.00421 16.0481C4 15.0962 4 13.5641 4 10.5V2"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPresentationGraphLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M2 2H22"/><path strokeLinecap="round" d="M9 10.5L10.2929 9.20711C10.6262 8.87377 10.7929 8.70711 11 8.70711C11.2071 8.70711 11.3738 8.87377 11.7071 9.20711L12.2929 9.79289C12.6262 10.1262 12.7929 10.2929 13 10.2929C13.2071 10.2929 13.3738 10.1262 13.7071 9.79289L15 8.5"/><path strokeLinecap="round" d="M12 21L12 17"/><path strokeLinecap="round" d="M10 22L12 21"/><path strokeLinecap="round" d="M14 22L12 21"/><path d="M20 2V10.5C20 13.5641 20 15.0962 18.9958 16.0481C17.9916 17 16.3753 17 13.1429 17H10.8571C7.62465 17 6.00841 17 5.00421 16.0481C4 15.0962 4 13.5641 4 10.5V2"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M2 2H22"/><path stroke-linecap="round" d="M9 10.5L10.2929 9.20711C10.6262 8.87377 10.7929 8.70711 11 8.70711C11.2071 8.70711 11.3738 8.87377 11.7071 9.20711L12.2929 9.79289C12.6262 10.1262 12.7929 10.2929 13 10.2929C13.2071 10.2929 13.3738 10.1262 13.7071 9.79289L15 8.5"/><path stroke-linecap="round" d="M12 21L12 17"/><path stroke-linecap="round" d="M10 22L12 21"/><path stroke-linecap="round" d="M14 22L12 21"/><path d="M20 2V10.5C20 13.5641 20 15.0962 18.9958 16.0481C17.9916 17 16.3753 17 13.1429 17H10.8571C7.62465 17 6.00841 17 5.00421 16.0481C4 15.0962 4 13.5641 4 10.5V2"/></g></svg> </template>
CSS
.icon-presentation-graph-linear {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%202H22%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9%2010.5L10.2929%209.20711C10.6262%208.87377%2010.7929%208.70711%2011%208.70711C11.2071%208.70711%2011.3738%208.87377%2011.7071%209.20711L12.2929%209.79289C12.6262%2010.1262%2012.7929%2010.2929%2013%2010.2929C13.2071%2010.2929%2013.3738%2010.1262%2013.7071%209.79289L15%208.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2021L12%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2022L12%2021%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2022L12%2021%22%2F%3E%3Cpath%20d%3D%22M20%202V10.5C20%2013.5641%2020%2015.0962%2018.9958%2016.0481C17.9916%2017%2016.3753%2017%2013.1429%2017H10.8571C7.62465%2017%206.00841%2017%205.00421%2016.0481C4%2015.0962%204%2013.5641%204%2010.5V2%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%202H22%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9%2010.5L10.2929%209.20711C10.6262%208.87377%2010.7929%208.70711%2011%208.70711C11.2071%208.70711%2011.3738%208.87377%2011.7071%209.20711L12.2929%209.79289C12.6262%2010.1262%2012.7929%2010.2929%2013%2010.2929C13.2071%2010.2929%2013.3738%2010.1262%2013.7071%209.79289L15%208.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2021L12%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2022L12%2021%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2022L12%2021%22%2F%3E%3Cpath%20d%3D%22M20%202V10.5C20%2013.5641%2020%2015.0962%2018.9958%2016.0481C17.9916%2017%2016.3753%2017%2013.1429%2017H10.8571C7.62465%2017%206.00841%2017%205.00421%2016.0481C4%2015.0962%204%2013.5641%204%2010.5V2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/presentation-graph-linear.svg?color=%231a73e8&size=48
