找找图标
file-chart-2-outline 图标

file-chart-2-outline SVG 图标

solarfile-chart-2-outline

来自 Solar 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
solar:file-chart-2-outline
中文名
—
所属集合
Solar
集合规模
8,706 枚
基础网格
24px
色彩
单色（可改色）
开源协议
CC-BY-4.0
作者
480 Design

下载 file-chart-2-outline 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

file-chart-2-outline 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
file-chart-2-outline 图标 浅色背景预览浅色背景
file-chart-2-outline 图标 深色背景预览深色背景
file-chart-2-outline 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索file-chart-2-outline…输入框 · 前缀图标
file-chart-2-outline导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41file-chart-2-outline App 图标file-chart-2-outlinefile-boldfile-bold-duotonefile-brokenfile-line-duotonefile-linearfile-outlinefile-add-boldfile-add-bold-duotonefile-add-brokenfile-add-line-duotonefile-add-linear手机桌面 · App 图标
file-chart-2-outlinesolar.design/icons/file-chart-2-outline浏览器 · 标签页与站点图标

各尺寸下的可读性

file-chart-2-outline 图标 24px 渲染24pxfile-chart-2-outline 图标 32px 渲染32pxfile-chart-2-outline 图标 48px 渲染48pxfile-chart-2-outline 图标 64px 渲染64pxfile-chart-2-outline 图标 96px 渲染96pxfile-chart-2-outline 图标 128px 渲染128px

复制 file-chart-2-outline 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.33594 13.8506C9.75015 13.8506 10.0859 14.1864 10.0859 14.6006V18.501C10.0857 18.9151 9.75003 19.251 9.33594 19.251C8.92184 19.251 8.58613 18.9151 8.58594 18.501V14.6006C8.58594 14.1864 8.92172 13.8506 9.33594 13.8506Z"/><path d="M6.08594 15.7998C6.50015 15.7998 6.83594 16.1356 6.83594 16.5498V18.5C6.83584 18.9142 6.50009 19.25 6.08594 19.25C5.67178 19.25 5.33603 18.9142 5.33594 18.5V16.5498C5.33594 16.1356 5.67172 15.7998 6.08594 15.7998Z"/><path d="M12.5859 11.9004C12.9999 11.9007 13.3359 12.2364 13.3359 12.6504V18.5C13.3359 18.9141 12.9999 19.2498 12.5859 19.25C12.1717 19.25 11.8359 18.9142 11.8359 18.5V12.6504C11.8359 12.2362 12.1717 11.9004 12.5859 11.9004Z"/><path fill-rule="evenodd" d="M10.1758 1.25002C11.5602 1.24965 12.4551 1.24954 13.2783 1.56545C14.1014 1.88141 14.7632 2.47746 15.7871 3.39944C15.8224 3.43123 15.8583 3.46355 15.8945 3.49612L19.8535 7.05959C19.8956 7.09744 19.9375 7.13498 19.9785 7.1719C21.1618 8.23624 21.9271 8.92451 22.3389 9.84866C22.7505 10.773 22.7505 11.8028 22.75 13.3946V14.0567C22.75 15.8943 22.7498 17.3501 22.5967 18.4893C22.439 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.4391 18.4893 22.5967C17.3501 22.7499 15.8943 22.75 14.0566 22.75H9.94336C8.10571 22.75 6.64991 22.7499 5.51074 22.5967C4.33844 22.4391 3.38991 22.1067 2.6416 21.3584C1.8933 20.6101 1.56096 19.6616 1.40332 18.4893C1.25016 17.3501 1.24998 15.8943 1.25 14.0567V9.94338C1.24998 8.10575 1.25016 6.64992 1.40332 5.51077C1.56097 4.33848 1.8933 3.38992 2.6416 2.64163C3.39047 1.89277 4.34217 1.56083 5.51856 1.40334C6.66251 1.25024 8.12582 1.25001 9.97363 1.25002H10.1758ZM10.0303 2.75002C8.11359 2.75002 6.75067 2.75143 5.71777 2.88967C4.70594 3.0251 4.12477 3.27957 3.70215 3.70217C3.27894 4.12538 3.02491 4.70487 2.88965 5.71096C2.75149 6.73861 2.75 8.09326 2.75 10V14C2.75 15.9068 2.7515 17.2614 2.88965 18.2891C3.02491 19.2952 3.27895 19.8747 3.70215 20.2979C4.12536 20.7211 4.70485 20.9751 5.71094 21.1104C6.73859 21.2485 8.09324 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8746 20.7211 20.2979 20.2979C20.721 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V13.5625C21.25 12.0268 21.2392 11.2987 21.0762 10.75H17.9463C16.8136 10.75 15.888 10.7496 15.1572 10.6514C14.3933 10.5487 13.7308 10.3266 13.2021 9.79788C12.6735 9.26919 12.4513 8.60674 12.3486 7.8428C12.2504 7.11199 12.25 6.1864 12.25 5.05374V2.83401C11.7897 2.75579 11.1621 2.75003 10.0303 2.75002ZM13.75 5.00002C13.75 6.19974 13.7517 7.02439 13.835 7.64358C13.9153 8.24099 14.0592 8.53382 14.2627 8.73733C14.4662 8.94083 14.759 9.08471 15.3564 9.16506C15.9756 9.24831 16.8003 9.25002 18 9.25002H20.0195C19.7231 8.96248 19.3428 8.61775 18.8496 8.17385L14.8916 4.61135C14.4062 4.17451 14.0446 3.85177 13.75 3.6094V5.00002Z" clip-rule="evenodd"/></g></svg>
reactReact 组件（TSX）
export function FileChart2OutlineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<g fill="currentColor"><path d="M9.33594 13.8506C9.75015 13.8506 10.0859 14.1864 10.0859 14.6006V18.501C10.0857 18.9151 9.75003 19.251 9.33594 19.251C8.92184 19.251 8.58613 18.9151 8.58594 18.501V14.6006C8.58594 14.1864 8.92172 13.8506 9.33594 13.8506Z"/><path d="M6.08594 15.7998C6.50015 15.7998 6.83594 16.1356 6.83594 16.5498V18.5C6.83584 18.9142 6.50009 19.25 6.08594 19.25C5.67178 19.25 5.33603 18.9142 5.33594 18.5V16.5498C5.33594 16.1356 5.67172 15.7998 6.08594 15.7998Z"/><path d="M12.5859 11.9004C12.9999 11.9007 13.3359 12.2364 13.3359 12.6504V18.5C13.3359 18.9141 12.9999 19.2498 12.5859 19.25C12.1717 19.25 11.8359 18.9142 11.8359 18.5V12.6504C11.8359 12.2362 12.1717 11.9004 12.5859 11.9004Z"/><path fill-rule="evenodd" d="M10.1758 1.25002C11.5602 1.24965 12.4551 1.24954 13.2783 1.56545C14.1014 1.88141 14.7632 2.47746 15.7871 3.39944C15.8224 3.43123 15.8583 3.46355 15.8945 3.49612L19.8535 7.05959C19.8956 7.09744 19.9375 7.13498 19.9785 7.1719C21.1618 8.23624 21.9271 8.92451 22.3389 9.84866C22.7505 10.773 22.7505 11.8028 22.75 13.3946V14.0567C22.75 15.8943 22.7498 17.3501 22.5967 18.4893C22.439 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.4391 18.4893 22.5967C17.3501 22.7499 15.8943 22.75 14.0566 22.75H9.94336C8.10571 22.75 6.64991 22.7499 5.51074 22.5967C4.33844 22.4391 3.38991 22.1067 2.6416 21.3584C1.8933 20.6101 1.56096 19.6616 1.40332 18.4893C1.25016 17.3501 1.24998 15.8943 1.25 14.0567V9.94338C1.24998 8.10575 1.25016 6.64992 1.40332 5.51077C1.56097 4.33848 1.8933 3.38992 2.6416 2.64163C3.39047 1.89277 4.34217 1.56083 5.51856 1.40334C6.66251 1.25024 8.12582 1.25001 9.97363 1.25002H10.1758ZM10.0303 2.75002C8.11359 2.75002 6.75067 2.75143 5.71777 2.88967C4.70594 3.0251 4.12477 3.27957 3.70215 3.70217C3.27894 4.12538 3.02491 4.70487 2.88965 5.71096C2.75149 6.73861 2.75 8.09326 2.75 10V14C2.75 15.9068 2.7515 17.2614 2.88965 18.2891C3.02491 19.2952 3.27895 19.8747 3.70215 20.2979C4.12536 20.7211 4.70485 20.9751 5.71094 21.1104C6.73859 21.2485 8.09324 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8746 20.7211 20.2979 20.2979C20.721 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V13.5625C21.25 12.0268 21.2392 11.2987 21.0762 10.75H17.9463C16.8136 10.75 15.888 10.7496 15.1572 10.6514C14.3933 10.5487 13.7308 10.3266 13.2021 9.79788C12.6735 9.26919 12.4513 8.60674 12.3486 7.8428C12.2504 7.11199 12.25 6.1864 12.25 5.05374V2.83401C11.7897 2.75579 11.1621 2.75003 10.0303 2.75002ZM13.75 5.00002C13.75 6.19974 13.7517 7.02439 13.835 7.64358C13.9153 8.24099 14.0592 8.53382 14.2627 8.73733C14.4662 8.94083 14.759 9.08471 15.3564 9.16506C15.9756 9.24831 16.8003 9.25002 18 9.25002H20.0195C19.7231 8.96248 19.3428 8.61775 18.8496 8.17385L14.8916 4.61135C14.4062 4.17451 14.0446 3.85177 13.75 3.6094V5.00002Z" clip-rule="evenodd"/></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="currentColor"><path d="M9.33594 13.8506C9.75015 13.8506 10.0859 14.1864 10.0859 14.6006V18.501C10.0857 18.9151 9.75003 19.251 9.33594 19.251C8.92184 19.251 8.58613 18.9151 8.58594 18.501V14.6006C8.58594 14.1864 8.92172 13.8506 9.33594 13.8506Z"/><path d="M6.08594 15.7998C6.50015 15.7998 6.83594 16.1356 6.83594 16.5498V18.5C6.83584 18.9142 6.50009 19.25 6.08594 19.25C5.67178 19.25 5.33603 18.9142 5.33594 18.5V16.5498C5.33594 16.1356 5.67172 15.7998 6.08594 15.7998Z"/><path d="M12.5859 11.9004C12.9999 11.9007 13.3359 12.2364 13.3359 12.6504V18.5C13.3359 18.9141 12.9999 19.2498 12.5859 19.25C12.1717 19.25 11.8359 18.9142 11.8359 18.5V12.6504C11.8359 12.2362 12.1717 11.9004 12.5859 11.9004Z"/><path fill-rule="evenodd" d="M10.1758 1.25002C11.5602 1.24965 12.4551 1.24954 13.2783 1.56545C14.1014 1.88141 14.7632 2.47746 15.7871 3.39944C15.8224 3.43123 15.8583 3.46355 15.8945 3.49612L19.8535 7.05959C19.8956 7.09744 19.9375 7.13498 19.9785 7.1719C21.1618 8.23624 21.9271 8.92451 22.3389 9.84866C22.7505 10.773 22.7505 11.8028 22.75 13.3946V14.0567C22.75 15.8943 22.7498 17.3501 22.5967 18.4893C22.439 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.4391 18.4893 22.5967C17.3501 22.7499 15.8943 22.75 14.0566 22.75H9.94336C8.10571 22.75 6.64991 22.7499 5.51074 22.5967C4.33844 22.4391 3.38991 22.1067 2.6416 21.3584C1.8933 20.6101 1.56096 19.6616 1.40332 18.4893C1.25016 17.3501 1.24998 15.8943 1.25 14.0567V9.94338C1.24998 8.10575 1.25016 6.64992 1.40332 5.51077C1.56097 4.33848 1.8933 3.38992 2.6416 2.64163C3.39047 1.89277 4.34217 1.56083 5.51856 1.40334C6.66251 1.25024 8.12582 1.25001 9.97363 1.25002H10.1758ZM10.0303 2.75002C8.11359 2.75002 6.75067 2.75143 5.71777 2.88967C4.70594 3.0251 4.12477 3.27957 3.70215 3.70217C3.27894 4.12538 3.02491 4.70487 2.88965 5.71096C2.75149 6.73861 2.75 8.09326 2.75 10V14C2.75 15.9068 2.7515 17.2614 2.88965 18.2891C3.02491 19.2952 3.27895 19.8747 3.70215 20.2979C4.12536 20.7211 4.70485 20.9751 5.71094 21.1104C6.73859 21.2485 8.09324 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8746 20.7211 20.2979 20.2979C20.721 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V13.5625C21.25 12.0268 21.2392 11.2987 21.0762 10.75H17.9463C16.8136 10.75 15.888 10.7496 15.1572 10.6514C14.3933 10.5487 13.7308 10.3266 13.2021 9.79788C12.6735 9.26919 12.4513 8.60674 12.3486 7.8428C12.2504 7.11199 12.25 6.1864 12.25 5.05374V2.83401C11.7897 2.75579 11.1621 2.75003 10.0303 2.75002ZM13.75 5.00002C13.75 6.19974 13.7517 7.02439 13.835 7.64358C13.9153 8.24099 14.0592 8.53382 14.2627 8.73733C14.4662 8.94083 14.759 9.08471 15.3564 9.16506C15.9756 9.24831 16.8003 9.25002 18 9.25002H20.0195C19.7231 8.96248 19.3428 8.61775 18.8496 8.17385L14.8916 4.61135C14.4062 4.17451 14.0446 3.85177 13.75 3.6094V5.00002Z" clip-rule="evenodd"/></g>`;
</script>
cssCSS mask（随 currentColor 改色）
.file-chart-2-outline {
  width: 1em;
  height: 1em;
  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%22M9.33594%2013.8506C9.75015%2013.8506%2010.0859%2014.1864%2010.0859%2014.6006V18.501C10.0857%2018.9151%209.75003%2019.251%209.33594%2019.251C8.92184%2019.251%208.58613%2018.9151%208.58594%2018.501V14.6006C8.58594%2014.1864%208.92172%2013.8506%209.33594%2013.8506Z%22%2F%3E%3Cpath%20d%3D%22M6.08594%2015.7998C6.50015%2015.7998%206.83594%2016.1356%206.83594%2016.5498V18.5C6.83584%2018.9142%206.50009%2019.25%206.08594%2019.25C5.67178%2019.25%205.33603%2018.9142%205.33594%2018.5V16.5498C5.33594%2016.1356%205.67172%2015.7998%206.08594%2015.7998Z%22%2F%3E%3Cpath%20d%3D%22M12.5859%2011.9004C12.9999%2011.9007%2013.3359%2012.2364%2013.3359%2012.6504V18.5C13.3359%2018.9141%2012.9999%2019.2498%2012.5859%2019.25C12.1717%2019.25%2011.8359%2018.9142%2011.8359%2018.5V12.6504C11.8359%2012.2362%2012.1717%2011.9004%2012.5859%2011.9004Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.1758%201.25002C11.5602%201.24965%2012.4551%201.24954%2013.2783%201.56545C14.1014%201.88141%2014.7632%202.47746%2015.7871%203.39944C15.8224%203.43123%2015.8583%203.46355%2015.8945%203.49612L19.8535%207.05959C19.8956%207.09744%2019.9375%207.13498%2019.9785%207.1719C21.1618%208.23624%2021.9271%208.92451%2022.3389%209.84866C22.7505%2010.773%2022.7505%2011.8028%2022.75%2013.3946V14.0567C22.75%2015.8943%2022.7498%2017.3501%2022.5967%2018.4893C22.439%2019.6616%2022.1067%2020.6101%2021.3584%2021.3584C20.6101%2022.1067%2019.6616%2022.4391%2018.4893%2022.5967C17.3501%2022.7499%2015.8943%2022.75%2014.0566%2022.75H9.94336C8.10571%2022.75%206.64991%2022.7499%205.51074%2022.5967C4.33844%2022.4391%203.38991%2022.1067%202.6416%2021.3584C1.8933%2020.6101%201.56096%2019.6616%201.40332%2018.4893C1.25016%2017.3501%201.24998%2015.8943%201.25%2014.0567V9.94338C1.24998%208.10575%201.25016%206.64992%201.40332%205.51077C1.56097%204.33848%201.8933%203.38992%202.6416%202.64163C3.39047%201.89277%204.34217%201.56083%205.51856%201.40334C6.66251%201.25024%208.12582%201.25001%209.97363%201.25002H10.1758ZM10.0303%202.75002C8.11359%202.75002%206.75067%202.75143%205.71777%202.88967C4.70594%203.0251%204.12477%203.27957%203.70215%203.70217C3.27894%204.12538%203.02491%204.70487%202.88965%205.71096C2.75149%206.73861%202.75%208.09326%202.75%2010V14C2.75%2015.9068%202.7515%2017.2614%202.88965%2018.2891C3.02491%2019.2952%203.27895%2019.8747%203.70215%2020.2979C4.12536%2020.7211%204.70485%2020.9751%205.71094%2021.1104C6.73859%2021.2485%208.09324%2021.25%2010%2021.25H14C15.9068%2021.25%2017.2614%2021.2485%2018.2891%2021.1104C19.2952%2020.9751%2019.8746%2020.7211%2020.2979%2020.2979C20.721%2019.8747%2020.9751%2019.2952%2021.1104%2018.2891C21.2485%2017.2614%2021.25%2015.9068%2021.25%2014V13.5625C21.25%2012.0268%2021.2392%2011.2987%2021.0762%2010.75H17.9463C16.8136%2010.75%2015.888%2010.7496%2015.1572%2010.6514C14.3933%2010.5487%2013.7308%2010.3266%2013.2021%209.79788C12.6735%209.26919%2012.4513%208.60674%2012.3486%207.8428C12.2504%207.11199%2012.25%206.1864%2012.25%205.05374V2.83401C11.7897%202.75579%2011.1621%202.75003%2010.0303%202.75002ZM13.75%205.00002C13.75%206.19974%2013.7517%207.02439%2013.835%207.64358C13.9153%208.24099%2014.0592%208.53382%2014.2627%208.73733C14.4662%208.94083%2014.759%209.08471%2015.3564%209.16506C15.9756%209.24831%2016.8003%209.25002%2018%209.25002H20.0195C19.7231%208.96248%2019.3428%208.61775%2018.8496%208.17385L14.8916%204.61135C14.4062%204.17451%2014.0446%203.85177%2013.75%203.6094V5.00002Z%22%20clip-rule%3D%22evenodd%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%22M9.33594%2013.8506C9.75015%2013.8506%2010.0859%2014.1864%2010.0859%2014.6006V18.501C10.0857%2018.9151%209.75003%2019.251%209.33594%2019.251C8.92184%2019.251%208.58613%2018.9151%208.58594%2018.501V14.6006C8.58594%2014.1864%208.92172%2013.8506%209.33594%2013.8506Z%22%2F%3E%3Cpath%20d%3D%22M6.08594%2015.7998C6.50015%2015.7998%206.83594%2016.1356%206.83594%2016.5498V18.5C6.83584%2018.9142%206.50009%2019.25%206.08594%2019.25C5.67178%2019.25%205.33603%2018.9142%205.33594%2018.5V16.5498C5.33594%2016.1356%205.67172%2015.7998%206.08594%2015.7998Z%22%2F%3E%3Cpath%20d%3D%22M12.5859%2011.9004C12.9999%2011.9007%2013.3359%2012.2364%2013.3359%2012.6504V18.5C13.3359%2018.9141%2012.9999%2019.2498%2012.5859%2019.25C12.1717%2019.25%2011.8359%2018.9142%2011.8359%2018.5V12.6504C11.8359%2012.2362%2012.1717%2011.9004%2012.5859%2011.9004Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.1758%201.25002C11.5602%201.24965%2012.4551%201.24954%2013.2783%201.56545C14.1014%201.88141%2014.7632%202.47746%2015.7871%203.39944C15.8224%203.43123%2015.8583%203.46355%2015.8945%203.49612L19.8535%207.05959C19.8956%207.09744%2019.9375%207.13498%2019.9785%207.1719C21.1618%208.23624%2021.9271%208.92451%2022.3389%209.84866C22.7505%2010.773%2022.7505%2011.8028%2022.75%2013.3946V14.0567C22.75%2015.8943%2022.7498%2017.3501%2022.5967%2018.4893C22.439%2019.6616%2022.1067%2020.6101%2021.3584%2021.3584C20.6101%2022.1067%2019.6616%2022.4391%2018.4893%2022.5967C17.3501%2022.7499%2015.8943%2022.75%2014.0566%2022.75H9.94336C8.10571%2022.75%206.64991%2022.7499%205.51074%2022.5967C4.33844%2022.4391%203.38991%2022.1067%202.6416%2021.3584C1.8933%2020.6101%201.56096%2019.6616%201.40332%2018.4893C1.25016%2017.3501%201.24998%2015.8943%201.25%2014.0567V9.94338C1.24998%208.10575%201.25016%206.64992%201.40332%205.51077C1.56097%204.33848%201.8933%203.38992%202.6416%202.64163C3.39047%201.89277%204.34217%201.56083%205.51856%201.40334C6.66251%201.25024%208.12582%201.25001%209.97363%201.25002H10.1758ZM10.0303%202.75002C8.11359%202.75002%206.75067%202.75143%205.71777%202.88967C4.70594%203.0251%204.12477%203.27957%203.70215%203.70217C3.27894%204.12538%203.02491%204.70487%202.88965%205.71096C2.75149%206.73861%202.75%208.09326%202.75%2010V14C2.75%2015.9068%202.7515%2017.2614%202.88965%2018.2891C3.02491%2019.2952%203.27895%2019.8747%203.70215%2020.2979C4.12536%2020.7211%204.70485%2020.9751%205.71094%2021.1104C6.73859%2021.2485%208.09324%2021.25%2010%2021.25H14C15.9068%2021.25%2017.2614%2021.2485%2018.2891%2021.1104C19.2952%2020.9751%2019.8746%2020.7211%2020.2979%2020.2979C20.721%2019.8747%2020.9751%2019.2952%2021.1104%2018.2891C21.2485%2017.2614%2021.25%2015.9068%2021.25%2014V13.5625C21.25%2012.0268%2021.2392%2011.2987%2021.0762%2010.75H17.9463C16.8136%2010.75%2015.888%2010.7496%2015.1572%2010.6514C14.3933%2010.5487%2013.7308%2010.3266%2013.2021%209.79788C12.6735%209.26919%2012.4513%208.60674%2012.3486%207.8428C12.2504%207.11199%2012.25%206.1864%2012.25%205.05374V2.83401C11.7897%202.75579%2011.1621%202.75003%2010.0303%202.75002ZM13.75%205.00002C13.75%206.19974%2013.7517%207.02439%2013.835%207.64358C13.9153%208.24099%2014.0592%208.53382%2014.2627%208.73733C14.4662%208.94083%2014.759%209.08471%2015.3564%209.16506C15.9756%209.24831%2016.8003%209.25002%2018%209.25002H20.0195C19.7231%208.96248%2019.3428%208.61775%2018.8496%208.17385L14.8916%204.61135C14.4062%204.17451%2014.0446%203.85177%2013.75%203.6094V5.00002Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 file-chart-2-outline 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

file-chart-2-outline 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-file-chart-2-outline {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
file-chart-2-outline 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-file-chart-2-outline {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

2.88 KB

2,947 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

4

<path> ×4

风格

单色（跟随 currentColor）

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 2.88 KB（2,947 字节），图元 4 个，风格为单色（跟随 currentColor）。

常见问题

关于 file-chart-2-outline 图标的下载、商用与改色。

file-chart-2-outline 图标是什么？▾

它是 Solar（solar）开源图标集中的 file-chart-2-outline 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 2.88 KB，矢量格式可无损缩放到任意尺寸。

如何下载 file-chart-2-outline 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

file-chart-2-outline 图标可以商用吗？▾

该图标采用 CC BY 4.0（CC-BY-4.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 file-chart-2-outline 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。

Solar 中的相近图标

file-bold
file-bold-duotone
file-broken
file-line-duotone
file-linear
file-outline
file-add-bold
file-add-bold-duotone
file-add-broken
file-add-line-duotone
file-add-linear
file-add-outline
file-cog-bold
file-cog-bold-duotone
file-cog-broken
file-cog-line-duotone
file-cog-linear
file-cog-outline
file-pen-bold
file-pen-bold-duotone
file-pen-broken
file-pen-line-duotone
file-pen-linear
file-pen-outline