chart 2 icon
chart-2-broken from Solar by 480 Design · Broken · Business · CC-BY-4.0 Attribution required.
- Name
- chart-2-broken
- Set
- Solar
- Style
- Broken
- Category
- Business
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More business icons from Solar
chart-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-boldpresentation-graph-boldround-graph-boldtable-boldtable-cells-merge-boldtable-cells-split-boldtable-columns-split-bold
Use the chart 2 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" stroke-linejoin="round" d="M3 22H21"/><path stroke-linecap="round" d="M3 17C3 17.9428 3 18.4142 3.29289 18.7071C3.58579 19 4.05719 19 5 19C5.94281 19 6.41421 19 6.70711 18.7071C7 18.4142 7 17.9428 7 17V11C7 10.0572 7 9.58579 6.70711 9.29289C6.41421 9 5.94281 9 5 9C4.05719 9 3.58579 9 3.29289 9.29289C3 9.58579 3 10.0572 3 11V13"/><path d="M10 7C10 6.05719 10 5.58579 10.2929 5.29289C10.5858 5 11.0572 5 12 5C12.9428 5 13.4142 5 13.7071 5.29289C14 5.58579 14 6.05719 14 7V17C14 17.9428 14 18.4142 13.7071 18.7071C13.4142 19 12.9428 19 12 19C11.0572 19 10.5858 19 10.2929 18.7071C10 18.4142 10 17.9428 10 17V7Z"/><path stroke-linecap="round" d="M21 11V17C21 17.9428 21 18.4142 20.7071 18.7071C20.4142 19 19.9428 19 19 19C18.0572 19 17.5858 19 17.2929 18.7071C17 18.4142 17 17.9428 17 17V4C17 3.05719 17 2.58579 17.2929 2.29289C17.5858 2 18.0572 2 19 2C19.9428 2 20.4142 2 20.7071 2.29289C21 2.58579 21 3.05719 21 4V7"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarChart2Broken(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" strokeLinejoin="round" d="M3 22H21"/><path strokeLinecap="round" d="M3 17C3 17.9428 3 18.4142 3.29289 18.7071C3.58579 19 4.05719 19 5 19C5.94281 19 6.41421 19 6.70711 18.7071C7 18.4142 7 17.9428 7 17V11C7 10.0572 7 9.58579 6.70711 9.29289C6.41421 9 5.94281 9 5 9C4.05719 9 3.58579 9 3.29289 9.29289C3 9.58579 3 10.0572 3 11V13"/><path d="M10 7C10 6.05719 10 5.58579 10.2929 5.29289C10.5858 5 11.0572 5 12 5C12.9428 5 13.4142 5 13.7071 5.29289C14 5.58579 14 6.05719 14 7V17C14 17.9428 14 18.4142 13.7071 18.7071C13.4142 19 12.9428 19 12 19C11.0572 19 10.5858 19 10.2929 18.7071C10 18.4142 10 17.9428 10 17V7Z"/><path strokeLinecap="round" d="M21 11V17C21 17.9428 21 18.4142 20.7071 18.7071C20.4142 19 19.9428 19 19 19C18.0572 19 17.5858 19 17.2929 18.7071C17 18.4142 17 17.9428 17 17V4C17 3.05719 17 2.58579 17.2929 2.29289C17.5858 2 18.0572 2 19 2C19.9428 2 20.4142 2 20.7071 2.29289C21 2.58579 21 3.05719 21 4V7"/></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" stroke-linejoin="round" d="M3 22H21"/><path stroke-linecap="round" d="M3 17C3 17.9428 3 18.4142 3.29289 18.7071C3.58579 19 4.05719 19 5 19C5.94281 19 6.41421 19 6.70711 18.7071C7 18.4142 7 17.9428 7 17V11C7 10.0572 7 9.58579 6.70711 9.29289C6.41421 9 5.94281 9 5 9C4.05719 9 3.58579 9 3.29289 9.29289C3 9.58579 3 10.0572 3 11V13"/><path d="M10 7C10 6.05719 10 5.58579 10.2929 5.29289C10.5858 5 11.0572 5 12 5C12.9428 5 13.4142 5 13.7071 5.29289C14 5.58579 14 6.05719 14 7V17C14 17.9428 14 18.4142 13.7071 18.7071C13.4142 19 12.9428 19 12 19C11.0572 19 10.5858 19 10.2929 18.7071C10 18.4142 10 17.9428 10 17V7Z"/><path stroke-linecap="round" d="M21 11V17C21 17.9428 21 18.4142 20.7071 18.7071C20.4142 19 19.9428 19 19 19C18.0572 19 17.5858 19 17.2929 18.7071C17 18.4142 17 17.9428 17 17V4C17 3.05719 17 2.58579 17.2929 2.29289C17.5858 2 18.0572 2 19 2C19.9428 2 20.4142 2 20.7071 2.29289C21 2.58579 21 3.05719 21 4V7"/></g></svg> </template>
CSS
.icon-chart-2-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-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2022H21%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3%2017C3%2017.9428%203%2018.4142%203.29289%2018.7071C3.58579%2019%204.05719%2019%205%2019C5.94281%2019%206.41421%2019%206.70711%2018.7071C7%2018.4142%207%2017.9428%207%2017V11C7%2010.0572%207%209.58579%206.70711%209.29289C6.41421%209%205.94281%209%205%209C4.05719%209%203.58579%209%203.29289%209.29289C3%209.58579%203%2010.0572%203%2011V13%22%2F%3E%3Cpath%20d%3D%22M10%207C10%206.05719%2010%205.58579%2010.2929%205.29289C10.5858%205%2011.0572%205%2012%205C12.9428%205%2013.4142%205%2013.7071%205.29289C14%205.58579%2014%206.05719%2014%207V17C14%2017.9428%2014%2018.4142%2013.7071%2018.7071C13.4142%2019%2012.9428%2019%2012%2019C11.0572%2019%2010.5858%2019%2010.2929%2018.7071C10%2018.4142%2010%2017.9428%2010%2017V7Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%2011V17C21%2017.9428%2021%2018.4142%2020.7071%2018.7071C20.4142%2019%2019.9428%2019%2019%2019C18.0572%2019%2017.5858%2019%2017.2929%2018.7071C17%2018.4142%2017%2017.9428%2017%2017V4C17%203.05719%2017%202.58579%2017.2929%202.29289C17.5858%202%2018.0572%202%2019%202C19.9428%202%2020.4142%202%2020.7071%202.29289C21%202.58579%2021%203.05719%2021%204V7%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%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2022H21%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3%2017C3%2017.9428%203%2018.4142%203.29289%2018.7071C3.58579%2019%204.05719%2019%205%2019C5.94281%2019%206.41421%2019%206.70711%2018.7071C7%2018.4142%207%2017.9428%207%2017V11C7%2010.0572%207%209.58579%206.70711%209.29289C6.41421%209%205.94281%209%205%209C4.05719%209%203.58579%209%203.29289%209.29289C3%209.58579%203%2010.0572%203%2011V13%22%2F%3E%3Cpath%20d%3D%22M10%207C10%206.05719%2010%205.58579%2010.2929%205.29289C10.5858%205%2011.0572%205%2012%205C12.9428%205%2013.4142%205%2013.7071%205.29289C14%205.58579%2014%206.05719%2014%207V17C14%2017.9428%2014%2018.4142%2013.7071%2018.7071C13.4142%2019%2012.9428%2019%2012%2019C11.0572%2019%2010.5858%2019%2010.2929%2018.7071C10%2018.4142%2010%2017.9428%2010%2017V7Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%2011V17C21%2017.9428%2021%2018.4142%2020.7071%2018.7071C20.4142%2019%2019.9428%2019%2019%2019C18.0572%2019%2017.5858%2019%2017.2929%2018.7071C17%2018.4142%2017%2017.9428%2017%2017V4C17%203.05719%2017%202.58579%2017.2929%202.29289C17.5858%202%2018.0572%202%2019%202C19.9428%202%2020.4142%202%2020.7071%202.29289C21%202.58579%2021%203.05719%2021%204V7%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/chart-2-broken.svg?color=%231a73e8&size=48
