下载 file-code-bold-duotone 图标
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
file-code-bold-duotone 的预览与使用场景
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
在真实界面里长这样
各尺寸下的可读性
复制 file-code-bold-duotone 图标代码
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14V13.5629C22 12.6901 22 12.0344 21.9574 11.5001H18L17.9051 11.5001C16.808 11.5002 15.8385 11.5003 15.0569 11.3952C14.2098 11.2813 13.3628 11.0198 12.6716 10.3285C11.9803 9.63726 11.7188 8.79028 11.6049 7.94316C11.4998 7.16164 11.4999 6.19207 11.5 5.09497L11.5092 2.26057C11.5095 2.17813 11.5166 2.09659 11.53 2.01666C11.1214 2 10.6358 2 10.0298 2C6.23869 2 4.34315 2 3.17157 3.17157C2 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22Z" clip-rule="evenodd" opacity=".5"/><path d="M9.29774 13.7373C9.44318 13.3495 9.87572 13.1524 10.2636 13.2979C10.6512 13.4434 10.8474 13.8759 10.702 14.2637L9.20204 18.2637C9.05655 18.6514 8.62401 18.8476 8.23622 18.7021C7.84876 18.5566 7.65261 18.1249 7.79774 17.7373L9.29774 13.7373Z"/><path d="M10.9696 15.4697C11.2625 15.177 11.7373 15.177 12.0302 15.4697L13.0302 16.4697C13.323 16.7626 13.323 17.2374 13.0302 17.5303L12.0302 18.5303C11.7373 18.8232 11.2625 18.8232 10.9696 18.5303C10.6768 18.2374 10.6768 17.7626 10.9696 17.4697L11.4393 17L10.9696 16.5303C10.6768 16.2374 10.6768 15.7626 10.9696 15.4697Z"/><path d="M6.46962 13.4697C6.76249 13.177 7.2373 13.177 7.53017 13.4697C7.82303 13.7626 7.82296 14.2374 7.53017 14.5303L7.06044 15L7.53017 15.4697C7.82303 15.7626 7.82296 16.2374 7.53017 16.5303C7.23727 16.8232 6.76251 16.8232 6.46962 16.5303L5.46962 15.5303C5.17683 15.2374 5.17676 14.7626 5.46962 14.4697L6.46962 13.4697Z"/><path d="M11.4999 2.00586C12.0265 2.01725 12.4002 2.05009 12.7841 2.14453C12.9403 2.18298 13.1406 2.24407 13.2919 2.29883C13.8621 2.50534 14.2784 2.7833 15.1102 3.33887C16.0787 3.98569 17.1891 4.777 17.9999 5.5C18.9109 6.31239 19.9545 7.49387 20.747 8.44238C20.8744 8.59494 20.9379 8.67168 21.0311 8.79883C21.5612 9.52144 21.9335 10.546 21.9901 11.4404C22.0001 11.5979 21.9999 11.7325 21.9999 12H21.9843C21.978 11.8216 21.9693 11.6555 21.9569 11.5H17.9052C16.8081 11.5001 15.838 11.4996 15.0565 11.3945C14.2096 11.2806 13.3629 11.0192 12.6718 10.3281C11.9805 9.63685 11.7183 8.7895 11.6044 7.94238C11.4994 7.16098 11.4998 6.19157 11.4999 5.09473L11.5087 2.25977L11.4999 2.00586Z"/></g></svg>export function FileCodeBoldDuotoneIcon(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 fill-rule="evenodd" d="M10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14V13.5629C22 12.6901 22 12.0344 21.9574 11.5001H18L17.9051 11.5001C16.808 11.5002 15.8385 11.5003 15.0569 11.3952C14.2098 11.2813 13.3628 11.0198 12.6716 10.3285C11.9803 9.63726 11.7188 8.79028 11.6049 7.94316C11.4998 7.16164 11.4999 6.19207 11.5 5.09497L11.5092 2.26057C11.5095 2.17813 11.5166 2.09659 11.53 2.01666C11.1214 2 10.6358 2 10.0298 2C6.23869 2 4.34315 2 3.17157 3.17157C2 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22Z" clip-rule="evenodd" opacity=".5"/><path d="M9.29774 13.7373C9.44318 13.3495 9.87572 13.1524 10.2636 13.2979C10.6512 13.4434 10.8474 13.8759 10.702 14.2637L9.20204 18.2637C9.05655 18.6514 8.62401 18.8476 8.23622 18.7021C7.84876 18.5566 7.65261 18.1249 7.79774 17.7373L9.29774 13.7373Z"/><path d="M10.9696 15.4697C11.2625 15.177 11.7373 15.177 12.0302 15.4697L13.0302 16.4697C13.323 16.7626 13.323 17.2374 13.0302 17.5303L12.0302 18.5303C11.7373 18.8232 11.2625 18.8232 10.9696 18.5303C10.6768 18.2374 10.6768 17.7626 10.9696 17.4697L11.4393 17L10.9696 16.5303C10.6768 16.2374 10.6768 15.7626 10.9696 15.4697Z"/><path d="M6.46962 13.4697C6.76249 13.177 7.2373 13.177 7.53017 13.4697C7.82303 13.7626 7.82296 14.2374 7.53017 14.5303L7.06044 15L7.53017 15.4697C7.82303 15.7626 7.82296 16.2374 7.53017 16.5303C7.23727 16.8232 6.76251 16.8232 6.46962 16.5303L5.46962 15.5303C5.17683 15.2374 5.17676 14.7626 5.46962 14.4697L6.46962 13.4697Z"/><path d="M11.4999 2.00586C12.0265 2.01725 12.4002 2.05009 12.7841 2.14453C12.9403 2.18298 13.1406 2.24407 13.2919 2.29883C13.8621 2.50534 14.2784 2.7833 15.1102 3.33887C16.0787 3.98569 17.1891 4.777 17.9999 5.5C18.9109 6.31239 19.9545 7.49387 20.747 8.44238C20.8744 8.59494 20.9379 8.67168 21.0311 8.79883C21.5612 9.52144 21.9335 10.546 21.9901 11.4404C22.0001 11.5979 21.9999 11.7325 21.9999 12H21.9843C21.978 11.8216 21.9693 11.6555 21.9569 11.5H17.9052C16.8081 11.5001 15.838 11.4996 15.0565 11.3945C14.2096 11.2806 13.3629 11.0192 12.6718 10.3281C11.9805 9.63685 11.7183 8.7895 11.6044 7.94238C11.4994 7.16098 11.4998 6.19157 11.4999 5.09473L11.5087 2.25977L11.4999 2.00586Z"/></g>` }}
/>
);
}<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 fill-rule="evenodd" d="M10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14V13.5629C22 12.6901 22 12.0344 21.9574 11.5001H18L17.9051 11.5001C16.808 11.5002 15.8385 11.5003 15.0569 11.3952C14.2098 11.2813 13.3628 11.0198 12.6716 10.3285C11.9803 9.63726 11.7188 8.79028 11.6049 7.94316C11.4998 7.16164 11.4999 6.19207 11.5 5.09497L11.5092 2.26057C11.5095 2.17813 11.5166 2.09659 11.53 2.01666C11.1214 2 10.6358 2 10.0298 2C6.23869 2 4.34315 2 3.17157 3.17157C2 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22Z" clip-rule="evenodd" opacity=".5"/><path d="M9.29774 13.7373C9.44318 13.3495 9.87572 13.1524 10.2636 13.2979C10.6512 13.4434 10.8474 13.8759 10.702 14.2637L9.20204 18.2637C9.05655 18.6514 8.62401 18.8476 8.23622 18.7021C7.84876 18.5566 7.65261 18.1249 7.79774 17.7373L9.29774 13.7373Z"/><path d="M10.9696 15.4697C11.2625 15.177 11.7373 15.177 12.0302 15.4697L13.0302 16.4697C13.323 16.7626 13.323 17.2374 13.0302 17.5303L12.0302 18.5303C11.7373 18.8232 11.2625 18.8232 10.9696 18.5303C10.6768 18.2374 10.6768 17.7626 10.9696 17.4697L11.4393 17L10.9696 16.5303C10.6768 16.2374 10.6768 15.7626 10.9696 15.4697Z"/><path d="M6.46962 13.4697C6.76249 13.177 7.2373 13.177 7.53017 13.4697C7.82303 13.7626 7.82296 14.2374 7.53017 14.5303L7.06044 15L7.53017 15.4697C7.82303 15.7626 7.82296 16.2374 7.53017 16.5303C7.23727 16.8232 6.76251 16.8232 6.46962 16.5303L5.46962 15.5303C5.17683 15.2374 5.17676 14.7626 5.46962 14.4697L6.46962 13.4697Z"/><path d="M11.4999 2.00586C12.0265 2.01725 12.4002 2.05009 12.7841 2.14453C12.9403 2.18298 13.1406 2.24407 13.2919 2.29883C13.8621 2.50534 14.2784 2.7833 15.1102 3.33887C16.0787 3.98569 17.1891 4.777 17.9999 5.5C18.9109 6.31239 19.9545 7.49387 20.747 8.44238C20.8744 8.59494 20.9379 8.67168 21.0311 8.79883C21.5612 9.52144 21.9335 10.546 21.9901 11.4404C22.0001 11.5979 21.9999 11.7325 21.9999 12H21.9843C21.978 11.8216 21.9693 11.6555 21.9569 11.5H17.9052C16.8081 11.5001 15.838 11.4996 15.0565 11.3945C14.2096 11.2806 13.3629 11.0192 12.6718 10.3281C11.9805 9.63685 11.7183 8.7895 11.6044 7.94238C11.4994 7.16098 11.4998 6.19157 11.4999 5.09473L11.5087 2.25977L11.4999 2.00586Z"/></g>`;
</script>.file-code-bold-duotone {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.8284C22%2019.6569%2022%2017.7712%2022%2014V13.5629C22%2012.6901%2022%2012.0344%2021.9574%2011.5001H18L17.9051%2011.5001C16.808%2011.5002%2015.8385%2011.5003%2015.0569%2011.3952C14.2098%2011.2813%2013.3628%2011.0198%2012.6716%2010.3285C11.9803%209.63726%2011.7188%208.79028%2011.6049%207.94316C11.4998%207.16164%2011.4999%206.19207%2011.5%205.09497L11.5092%202.26057C11.5095%202.17813%2011.5166%202.09659%2011.53%202.01666C11.1214%202%2010.6358%202%2010.0298%202C6.23869%202%204.34315%202%203.17157%203.17157C2%204.34315%202%206.22876%202%2010V14C2%2017.7712%202%2019.6569%203.17157%2020.8284C4.34315%2022%206.22876%2022%2010%2022Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9.29774%2013.7373C9.44318%2013.3495%209.87572%2013.1524%2010.2636%2013.2979C10.6512%2013.4434%2010.8474%2013.8759%2010.702%2014.2637L9.20204%2018.2637C9.05655%2018.6514%208.62401%2018.8476%208.23622%2018.7021C7.84876%2018.5566%207.65261%2018.1249%207.79774%2017.7373L9.29774%2013.7373Z%22%2F%3E%3Cpath%20d%3D%22M10.9696%2015.4697C11.2625%2015.177%2011.7373%2015.177%2012.0302%2015.4697L13.0302%2016.4697C13.323%2016.7626%2013.323%2017.2374%2013.0302%2017.5303L12.0302%2018.5303C11.7373%2018.8232%2011.2625%2018.8232%2010.9696%2018.5303C10.6768%2018.2374%2010.6768%2017.7626%2010.9696%2017.4697L11.4393%2017L10.9696%2016.5303C10.6768%2016.2374%2010.6768%2015.7626%2010.9696%2015.4697Z%22%2F%3E%3Cpath%20d%3D%22M6.46962%2013.4697C6.76249%2013.177%207.2373%2013.177%207.53017%2013.4697C7.82303%2013.7626%207.82296%2014.2374%207.53017%2014.5303L7.06044%2015L7.53017%2015.4697C7.82303%2015.7626%207.82296%2016.2374%207.53017%2016.5303C7.23727%2016.8232%206.76251%2016.8232%206.46962%2016.5303L5.46962%2015.5303C5.17683%2015.2374%205.17676%2014.7626%205.46962%2014.4697L6.46962%2013.4697Z%22%2F%3E%3Cpath%20d%3D%22M11.4999%202.00586C12.0265%202.01725%2012.4002%202.05009%2012.7841%202.14453C12.9403%202.18298%2013.1406%202.24407%2013.2919%202.29883C13.8621%202.50534%2014.2784%202.7833%2015.1102%203.33887C16.0787%203.98569%2017.1891%204.777%2017.9999%205.5C18.9109%206.31239%2019.9545%207.49387%2020.747%208.44238C20.8744%208.59494%2020.9379%208.67168%2021.0311%208.79883C21.5612%209.52144%2021.9335%2010.546%2021.9901%2011.4404C22.0001%2011.5979%2021.9999%2011.7325%2021.9999%2012H21.9843C21.978%2011.8216%2021.9693%2011.6555%2021.9569%2011.5H17.9052C16.8081%2011.5001%2015.838%2011.4996%2015.0565%2011.3945C14.2096%2011.2806%2013.3629%2011.0192%2012.6718%2010.3281C11.9805%209.63685%2011.7183%208.7895%2011.6044%207.94238C11.4994%207.16098%2011.4998%206.19157%2011.4999%205.09473L11.5087%202.25977L11.4999%202.00586Z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.8284C22%2019.6569%2022%2017.7712%2022%2014V13.5629C22%2012.6901%2022%2012.0344%2021.9574%2011.5001H18L17.9051%2011.5001C16.808%2011.5002%2015.8385%2011.5003%2015.0569%2011.3952C14.2098%2011.2813%2013.3628%2011.0198%2012.6716%2010.3285C11.9803%209.63726%2011.7188%208.79028%2011.6049%207.94316C11.4998%207.16164%2011.4999%206.19207%2011.5%205.09497L11.5092%202.26057C11.5095%202.17813%2011.5166%202.09659%2011.53%202.01666C11.1214%202%2010.6358%202%2010.0298%202C6.23869%202%204.34315%202%203.17157%203.17157C2%204.34315%202%206.22876%202%2010V14C2%2017.7712%202%2019.6569%203.17157%2020.8284C4.34315%2022%206.22876%2022%2010%2022Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9.29774%2013.7373C9.44318%2013.3495%209.87572%2013.1524%2010.2636%2013.2979C10.6512%2013.4434%2010.8474%2013.8759%2010.702%2014.2637L9.20204%2018.2637C9.05655%2018.6514%208.62401%2018.8476%208.23622%2018.7021C7.84876%2018.5566%207.65261%2018.1249%207.79774%2017.7373L9.29774%2013.7373Z%22%2F%3E%3Cpath%20d%3D%22M10.9696%2015.4697C11.2625%2015.177%2011.7373%2015.177%2012.0302%2015.4697L13.0302%2016.4697C13.323%2016.7626%2013.323%2017.2374%2013.0302%2017.5303L12.0302%2018.5303C11.7373%2018.8232%2011.2625%2018.8232%2010.9696%2018.5303C10.6768%2018.2374%2010.6768%2017.7626%2010.9696%2017.4697L11.4393%2017L10.9696%2016.5303C10.6768%2016.2374%2010.6768%2015.7626%2010.9696%2015.4697Z%22%2F%3E%3Cpath%20d%3D%22M6.46962%2013.4697C6.76249%2013.177%207.2373%2013.177%207.53017%2013.4697C7.82303%2013.7626%207.82296%2014.2374%207.53017%2014.5303L7.06044%2015L7.53017%2015.4697C7.82303%2015.7626%207.82296%2016.2374%207.53017%2016.5303C7.23727%2016.8232%206.76251%2016.8232%206.46962%2016.5303L5.46962%2015.5303C5.17683%2015.2374%205.17676%2014.7626%205.46962%2014.4697L6.46962%2013.4697Z%22%2F%3E%3Cpath%20d%3D%22M11.4999%202.00586C12.0265%202.01725%2012.4002%202.05009%2012.7841%202.14453C12.9403%202.18298%2013.1406%202.24407%2013.2919%202.29883C13.8621%202.50534%2014.2784%202.7833%2015.1102%203.33887C16.0787%203.98569%2017.1891%204.777%2017.9999%205.5C18.9109%206.31239%2019.9545%207.49387%2020.747%208.44238C20.8744%208.59494%2020.9379%208.67168%2021.0311%208.79883C21.5612%209.52144%2021.9335%2010.546%2021.9901%2011.4404C22.0001%2011.5979%2021.9999%2011.7325%2021.9999%2012H21.9843C21.978%2011.8216%2021.9693%2011.6555%2021.9569%2011.5H17.9052C16.8081%2011.5001%2015.838%2011.4996%2015.0565%2011.3945C14.2096%2011.2806%2013.3629%2011.0192%2012.6718%2010.3281C11.9805%209.63685%2011.7183%208.7895%2011.6044%207.94238C11.4994%207.16098%2011.4998%206.19157%2011.4999%205.09473L11.5087%202.25977L11.4999%202.00586Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}给 file-code-bold-duotone 加一点动效
单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
呼吸
透明度往复渐变,适合状态提示与在线指示。
.icon-file-code-bold-duotone {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}旋转
匀速循环旋转,适合加载中场景。
.icon-file-code-bold-duotone {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}SVG 健康报告
对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.26 KB
2,314 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
5
<path> ×5
风格
单色(跟随 currentColor)
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.26 KB(2,314 字节),图元 5 个,风格为单色(跟随 currentColor)。
常见问题
关于 file-code-bold-duotone 图标的下载、商用与改色。
file-code-bold-duotone 图标是什么?▾
它是 Solar(solar)开源图标集中的 file-code-bold-duotone 图标,单色(跟随 currentColor),viewBox 为 0 0 24 24,文件仅 2.26 KB,矢量格式可无损缩放到任意尺寸。
如何下载 file-code-bold-duotone 图标?▾
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
file-code-bold-duotone 图标可以商用吗?▾
该图标采用 CC BY 4.0(CC-BY-4.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
如何修改 file-code-bold-duotone 图标的颜色?▾
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。