presentation graph icon

presentation-graph-broken from Solar by 480 Design · Broken · Business · CC-BY-4.0 Attribution required.

Name
presentation-graph-broken
Set
Solar
Style
Broken
Category
Business
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

presentation-graph-boldpresentation-graph-bold-duotonepresentation-graph-line-duotonepresentation-graph-linearpresentation-graph-outline

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-linecap="round" stroke-width="1.5"><path d="M2 2H22"/><path 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 d="M12 21L12 17"/><path d="M10 22L12 21"/><path d="M14 22L12 21"/><path d="M4 2V10.5C4 13.5641 4 15.0962 5.00421 16.0481C6.00841 17 7.62465 17 10.8571 17H13.1429C16.3753 17 17.9916 17 18.9958 16.0481C20 15.0962 20 13.5641 20 10.5V10M20 2V6"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarPresentationGraphBroken(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" strokeLinecap="round" strokeWidth="1.5"><path d="M2 2H22"/><path 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 d="M12 21L12 17"/><path d="M10 22L12 21"/><path d="M14 22L12 21"/><path d="M4 2V10.5C4 13.5641 4 15.0962 5.00421 16.0481C6.00841 17 7.62465 17 10.8571 17H13.1429C16.3753 17 17.9916 17 18.9958 16.0481C20 15.0962 20 13.5641 20 10.5V10M20 2V6"/></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-linecap="round" stroke-width="1.5"><path d="M2 2H22"/><path 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 d="M12 21L12 17"/><path d="M10 22L12 21"/><path d="M14 22L12 21"/><path d="M4 2V10.5C4 13.5641 4 15.0962 5.00421 16.0481C6.00841 17 7.62465 17 10.8571 17H13.1429C16.3753 17 17.9916 17 18.9958 16.0481C20 15.0962 20 13.5641 20 10.5V10M20 2V6"/></g></svg>
</template>

CSS

.icon-presentation-graph-broken {
  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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%202H22%22%2F%3E%3Cpath%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%20d%3D%22M12%2021L12%2017%22%2F%3E%3Cpath%20d%3D%22M10%2022L12%2021%22%2F%3E%3Cpath%20d%3D%22M14%2022L12%2021%22%2F%3E%3Cpath%20d%3D%22M4%202V10.5C4%2013.5641%204%2015.0962%205.00421%2016.0481C6.00841%2017%207.62465%2017%2010.8571%2017H13.1429C16.3753%2017%2017.9916%2017%2018.9958%2016.0481C20%2015.0962%2020%2013.5641%2020%2010.5V10M20%202V6%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%202H22%22%2F%3E%3Cpath%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%20d%3D%22M12%2021L12%2017%22%2F%3E%3Cpath%20d%3D%22M10%2022L12%2021%22%2F%3E%3Cpath%20d%3D%22M14%2022L12%2021%22%2F%3E%3Cpath%20d%3D%22M4%202V10.5C4%2013.5641%204%2015.0962%205.00421%2016.0481C6.00841%2017%207.62465%2017%2010.8571%2017H13.1429C16.3753%2017%2017.9916%2017%2018.9958%2016.0481C20%2015.0962%2020%2013.5641%2020%2010.5V10M20%202V6%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-broken.svg?color=%231a73e8&size=48