doc chart icon

doc-chart-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name
doc-chart-fill
Set
Framework7 Icons
Style
Fill
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

doc-chart

Related icons in Framework7 Icons

doc-appenddoc-checkmarkdoc-circledoc-on-clipboarddoc-on-docdoc-persondoc-plaintextdoc-richtextdoc-textdoc-text-searchdoc-text-viewfinder

Use the doc chart icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.336 2.88v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.828 0-7.266-2.437-7.266-7.336V10.239c0-4.875 2.438-7.359 7.266-7.359zm-8.21 30.055h-1.563c-.863 0-1.563.7-1.563 1.563v10.94C15 46.3 15.7 47 16.563 47h1.563c.863 0 1.562-.7 1.562-1.563v-10.94c0-.862-.7-1.562-1.562-1.562m7.032-4.688h-1.563c-.863 0-1.562.7-1.562 1.562v15.628c0 .863.7 1.563 1.562 1.563h1.563c.863 0 1.563-.7 1.563-1.563V29.81c0-.863-.7-1.562-1.563-1.562m7.033 9.376h-1.563c-.863 0-1.563.7-1.563 1.563v6.251c0 .863.7 1.563 1.563 1.563h1.563c.863 0 1.562-.7 1.562-1.563v-6.25c0-.864-.7-1.564-1.562-1.564M29.523 3.138c.985.164 1.97.844 3.047 1.969l12.938 13.148c1.101 1.148 1.781 2.086 1.945 3.047h-16.64c-.844 0-1.29-.422-1.29-1.266Z"/></svg>

React

import type { SVGProps } from "react";

export function F7DocChartFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.336 2.88v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.828 0-7.266-2.437-7.266-7.336V10.239c0-4.875 2.438-7.359 7.266-7.359zm-8.21 30.055h-1.563c-.863 0-1.563.7-1.563 1.563v10.94C15 46.3 15.7 47 16.563 47h1.563c.863 0 1.562-.7 1.562-1.563v-10.94c0-.862-.7-1.562-1.562-1.562m7.032-4.688h-1.563c-.863 0-1.562.7-1.562 1.562v15.628c0 .863.7 1.563 1.562 1.563h1.563c.863 0 1.563-.7 1.563-1.563V29.81c0-.863-.7-1.562-1.563-1.562m7.033 9.376h-1.563c-.863 0-1.563.7-1.563 1.563v6.251c0 .863.7 1.563 1.563 1.563h1.563c.863 0 1.562-.7 1.562-1.563v-6.25c0-.864-.7-1.564-1.562-1.564M29.523 3.138c.985.164 1.97.844 3.047 1.969l12.938 13.148c1.101 1.148 1.781 2.086 1.945 3.047h-16.64c-.844 0-1.29-.422-1.29-1.266Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.336 2.88v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.828 0-7.266-2.437-7.266-7.336V10.239c0-4.875 2.438-7.359 7.266-7.359zm-8.21 30.055h-1.563c-.863 0-1.563.7-1.563 1.563v10.94C15 46.3 15.7 47 16.563 47h1.563c.863 0 1.562-.7 1.562-1.563v-10.94c0-.862-.7-1.562-1.562-1.562m7.032-4.688h-1.563c-.863 0-1.562.7-1.562 1.562v15.628c0 .863.7 1.563 1.562 1.563h1.563c.863 0 1.563-.7 1.563-1.563V29.81c0-.863-.7-1.562-1.563-1.562m7.033 9.376h-1.563c-.863 0-1.563.7-1.563 1.563v6.251c0 .863.7 1.563 1.563 1.563h1.563c.863 0 1.562-.7 1.562-1.563v-6.25c0-.864-.7-1.564-1.562-1.564M29.523 3.138c.985.164 1.97.844 3.047 1.969l12.938 13.148c1.101 1.148 1.781 2.086 1.945 3.047h-16.64c-.844 0-1.29-.422-1.29-1.266Z"/></svg>
</template>

CSS

.icon-doc-chart-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.336%202.88v17.203c0%203%201.406%204.43%204.406%204.43h16.969v21.281c0%204.875-2.414%207.336-7.266%207.336h-24.89c-4.828%200-7.266-2.437-7.266-7.336V10.239c0-4.875%202.438-7.359%207.266-7.359zm-8.21%2030.055h-1.563c-.863%200-1.563.7-1.563%201.563v10.94C15%2046.3%2015.7%2047%2016.563%2047h1.563c.863%200%201.562-.7%201.562-1.563v-10.94c0-.862-.7-1.562-1.562-1.562m7.032-4.688h-1.563c-.863%200-1.562.7-1.562%201.562v15.628c0%20.863.7%201.563%201.562%201.563h1.563c.863%200%201.563-.7%201.563-1.563V29.81c0-.863-.7-1.562-1.563-1.562m7.033%209.376h-1.563c-.863%200-1.563.7-1.563%201.563v6.251c0%20.863.7%201.563%201.563%201.563h1.563c.863%200%201.562-.7%201.562-1.563v-6.25c0-.864-.7-1.564-1.562-1.564M29.523%203.138c.985.164%201.97.844%203.047%201.969l12.938%2013.148c1.101%201.148%201.781%202.086%201.945%203.047h-16.64c-.844%200-1.29-.422-1.29-1.266Z%22%2F%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.336%202.88v17.203c0%203%201.406%204.43%204.406%204.43h16.969v21.281c0%204.875-2.414%207.336-7.266%207.336h-24.89c-4.828%200-7.266-2.437-7.266-7.336V10.239c0-4.875%202.438-7.359%207.266-7.359zm-8.21%2030.055h-1.563c-.863%200-1.563.7-1.563%201.563v10.94C15%2046.3%2015.7%2047%2016.563%2047h1.563c.863%200%201.562-.7%201.562-1.563v-10.94c0-.862-.7-1.562-1.562-1.562m7.032-4.688h-1.563c-.863%200-1.562.7-1.562%201.562v15.628c0%20.863.7%201.563%201.562%201.563h1.563c.863%200%201.563-.7%201.563-1.563V29.81c0-.863-.7-1.562-1.563-1.562m7.033%209.376h-1.563c-.863%200-1.563.7-1.563%201.563v6.251c0%20.863.7%201.563%201.563%201.563h1.563c.863%200%201.562-.7%201.562-1.563v-6.25c0-.864-.7-1.564-1.562-1.564M29.523%203.138c.985.164%201.97.844%203.047%201.969l12.938%2013.148c1.101%201.148%201.781%202.086%201.945%203.047h-16.64c-.844%200-1.29-.422-1.29-1.266Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/doc-chart-fill.svg?color=%231a73e8&size=48