file pen icon
file-pen-bold from Solar by 480 Design · Bold · Files · CC-BY-4.0 Attribution required.
- Name
- file-pen-bold
- Set
- Solar
- Style
- Bold
- Category
- Files
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More files icons from Solar
file-add-boldfile-badge-boldfile-boldfile-braces-boldfile-chart-2-boldfile-chart-boldfile-check-boldfile-cloud-boldfile-code-boldfile-cog-boldfile-corrupted-boldfile-download-boldfile-favorite-boldfile-figma-boldfile-left-boldfile-minus-boldfile-question-mark-boldfile-remove-boldfile-right-boldfile-search-boldfile-send-boldfile-signal-boldfile-sliders-boldfile-smile-bold
Use the file pen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75488 14.0869C9.84835 14.222 9.96029 14.3587 10.0938 14.4922C10.2269 14.6253 10.3633 14.7368 10.498 14.8301L8.53223 16.7959C8.33285 16.9953 8.27613 17.0511 8.21777 17.0967C8.13925 17.1579 8.05373 17.21 7.96387 17.2529C7.89698 17.2848 7.82138 17.3112 7.55371 17.4004L7.18945 17.5215L7.06348 17.3955L7.18555 17.0322C7.27476 16.7646 7.30113 16.689 7.33301 16.6221C7.3759 16.5322 7.42803 16.4467 7.48926 16.3682C7.5348 16.3098 7.59067 16.2531 7.79004 16.0537L9.75488 14.0869Z"/><path d="M10.8545 12.9883C11.0597 12.7847 11.3911 12.7857 11.5957 12.9902C11.8003 13.1948 11.8003 13.5253 11.5967 13.7305C11.4642 13.6739 11.3057 13.583 11.1543 13.4316C11.0025 13.2798 10.911 13.121 10.8545 12.9883Z"/><path fill-rule="evenodd" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM12.6572 11.9287C11.8665 11.138 10.5839 11.1383 9.79297 11.9287L6.72949 14.9932C6.55501 15.1676 6.42193 15.2976 6.30664 15.4453C6.17827 15.6099 6.06833 15.7891 5.97852 15.9775C5.89792 16.1467 5.83973 16.3236 5.76172 16.5576L5.32031 17.8818C5.18952 18.2748 5.29212 18.7081 5.58496 19.001C5.87782 19.2938 6.31115 19.3964 6.7041 19.2656L8.02832 18.8242C8.26238 18.7462 8.43921 18.688 8.6084 18.6074C8.79682 18.5176 8.97603 18.4077 9.14062 18.2793C9.28837 18.164 9.41829 18.0309 9.59277 17.8564L12.6572 14.793C13.4476 14.0021 13.4479 12.7194 12.6572 11.9287Z" clip-rule="evenodd"/><path d="M13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFilePenBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75488 14.0869C9.84835 14.222 9.96029 14.3587 10.0938 14.4922C10.2269 14.6253 10.3633 14.7368 10.498 14.8301L8.53223 16.7959C8.33285 16.9953 8.27613 17.0511 8.21777 17.0967C8.13925 17.1579 8.05373 17.21 7.96387 17.2529C7.89698 17.2848 7.82138 17.3112 7.55371 17.4004L7.18945 17.5215L7.06348 17.3955L7.18555 17.0322C7.27476 16.7646 7.30113 16.689 7.33301 16.6221C7.3759 16.5322 7.42803 16.4467 7.48926 16.3682C7.5348 16.3098 7.59067 16.2531 7.79004 16.0537L9.75488 14.0869Z"/><path d="M10.8545 12.9883C11.0597 12.7847 11.3911 12.7857 11.5957 12.9902C11.8003 13.1948 11.8003 13.5253 11.5967 13.7305C11.4642 13.6739 11.3057 13.583 11.1543 13.4316C11.0025 13.2798 10.911 13.121 10.8545 12.9883Z"/><path fillRule="evenodd" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM12.6572 11.9287C11.8665 11.138 10.5839 11.1383 9.79297 11.9287L6.72949 14.9932C6.55501 15.1676 6.42193 15.2976 6.30664 15.4453C6.17827 15.6099 6.06833 15.7891 5.97852 15.9775C5.89792 16.1467 5.83973 16.3236 5.76172 16.5576L5.32031 17.8818C5.18952 18.2748 5.29212 18.7081 5.58496 19.001C5.87782 19.2938 6.31115 19.3964 6.7041 19.2656L8.02832 18.8242C8.26238 18.7462 8.43921 18.688 8.6084 18.6074C8.79682 18.5176 8.97603 18.4077 9.14062 18.2793C9.28837 18.164 9.41829 18.0309 9.59277 17.8564L12.6572 14.793C13.4476 14.0021 13.4479 12.7194 12.6572 11.9287Z" clipRule="evenodd"/><path d="M13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75488 14.0869C9.84835 14.222 9.96029 14.3587 10.0938 14.4922C10.2269 14.6253 10.3633 14.7368 10.498 14.8301L8.53223 16.7959C8.33285 16.9953 8.27613 17.0511 8.21777 17.0967C8.13925 17.1579 8.05373 17.21 7.96387 17.2529C7.89698 17.2848 7.82138 17.3112 7.55371 17.4004L7.18945 17.5215L7.06348 17.3955L7.18555 17.0322C7.27476 16.7646 7.30113 16.689 7.33301 16.6221C7.3759 16.5322 7.42803 16.4467 7.48926 16.3682C7.5348 16.3098 7.59067 16.2531 7.79004 16.0537L9.75488 14.0869Z"/><path d="M10.8545 12.9883C11.0597 12.7847 11.3911 12.7857 11.5957 12.9902C11.8003 13.1948 11.8003 13.5253 11.5967 13.7305C11.4642 13.6739 11.3057 13.583 11.1543 13.4316C11.0025 13.2798 10.911 13.121 10.8545 12.9883Z"/><path fill-rule="evenodd" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM12.6572 11.9287C11.8665 11.138 10.5839 11.1383 9.79297 11.9287L6.72949 14.9932C6.55501 15.1676 6.42193 15.2976 6.30664 15.4453C6.17827 15.6099 6.06833 15.7891 5.97852 15.9775C5.89792 16.1467 5.83973 16.3236 5.76172 16.5576L5.32031 17.8818C5.18952 18.2748 5.29212 18.7081 5.58496 19.001C5.87782 19.2938 6.31115 19.3964 6.7041 19.2656L8.02832 18.8242C8.26238 18.7462 8.43921 18.688 8.6084 18.6074C8.79682 18.5176 8.97603 18.4077 9.14062 18.2793C9.28837 18.164 9.41829 18.0309 9.59277 17.8564L12.6572 14.793C13.4476 14.0021 13.4479 12.7194 12.6572 11.9287Z" clip-rule="evenodd"/><path d="M13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></g></svg> </template>
CSS
.icon-file-pen-bold {
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%22currentColor%22%3E%3Cpath%20d%3D%22M9.75488%2014.0869C9.84835%2014.222%209.96029%2014.3587%2010.0938%2014.4922C10.2269%2014.6253%2010.3633%2014.7368%2010.498%2014.8301L8.53223%2016.7959C8.33285%2016.9953%208.27613%2017.0511%208.21777%2017.0967C8.13925%2017.1579%208.05373%2017.21%207.96387%2017.2529C7.89698%2017.2848%207.82138%2017.3112%207.55371%2017.4004L7.18945%2017.5215L7.06348%2017.3955L7.18555%2017.0322C7.27476%2016.7646%207.30113%2016.689%207.33301%2016.6221C7.3759%2016.5322%207.42803%2016.4467%207.48926%2016.3682C7.5348%2016.3098%207.59067%2016.2531%207.79004%2016.0537L9.75488%2014.0869Z%22%2F%3E%3Cpath%20d%3D%22M10.8545%2012.9883C11.0597%2012.7847%2011.3911%2012.7857%2011.5957%2012.9902C11.8003%2013.1948%2011.8003%2013.5253%2011.5967%2013.7305C11.4642%2013.6739%2011.3057%2013.583%2011.1543%2013.4316C11.0025%2013.2798%2010.911%2013.121%2010.8545%2012.9883Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.0303%202C10.6361%202%2011.1218%201.99994%2011.5303%202.0166C11.5168%202.09653%2011.5091%202.1783%2011.5088%202.26074L11.5%205.09473C11.4999%206.19183%2011.4994%207.16184%2011.6045%207.94336C11.7184%208.79041%2011.9807%209.6369%2012.6719%2010.3281C13.3631%2011.0193%2014.2096%2011.2816%2015.0566%2011.3955C15.8382%2011.5006%2016.8082%2011.5001%2017.9053%2011.5H21.957C21.9996%2012.0342%2022%2012.6899%2022%2013.5625V14C22%2017.7712%2021.9997%2019.6566%2020.8281%2020.8281C19.6566%2021.9997%2017.7712%2022%2014%2022H10C6.22876%2022%204.34345%2021.9997%203.17188%2020.8281C2.0003%2019.6566%202%2017.7712%202%2014V10C2%206.22876%202.0003%204.34345%203.17188%203.17188C4.34345%202.0003%206.23918%202%2010.0303%202ZM12.6572%2011.9287C11.8665%2011.138%2010.5839%2011.1383%209.79297%2011.9287L6.72949%2014.9932C6.55501%2015.1676%206.42193%2015.2976%206.30664%2015.4453C6.17827%2015.6099%206.06833%2015.7891%205.97852%2015.9775C5.89792%2016.1467%205.83973%2016.3236%205.76172%2016.5576L5.32031%2017.8818C5.18952%2018.2748%205.29212%2018.7081%205.58496%2019.001C5.87782%2019.2938%206.31115%2019.3964%206.7041%2019.2656L8.02832%2018.8242C8.26238%2018.7462%208.43921%2018.688%208.6084%2018.6074C8.79682%2018.5176%208.97603%2018.4077%209.14062%2018.2793C9.28837%2018.164%209.41829%2018.0309%209.59277%2017.8564L12.6572%2014.793C13.4476%2014.0021%2013.4479%2012.7194%2012.6572%2011.9287Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.0088%202.26562C13.7007%202.53113%2014.2649%203.03877%2015.3926%204.05371L19.3516%207.61621C20.5682%208.71115%2021.2175%209.29582%2021.5801%2010H18C15.643%2010%2014.4647%209.99981%2013.7324%209.26758C13.0002%208.53534%2013%207.35697%2013%205L13.0088%202.26562Z%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.75488%2014.0869C9.84835%2014.222%209.96029%2014.3587%2010.0938%2014.4922C10.2269%2014.6253%2010.3633%2014.7368%2010.498%2014.8301L8.53223%2016.7959C8.33285%2016.9953%208.27613%2017.0511%208.21777%2017.0967C8.13925%2017.1579%208.05373%2017.21%207.96387%2017.2529C7.89698%2017.2848%207.82138%2017.3112%207.55371%2017.4004L7.18945%2017.5215L7.06348%2017.3955L7.18555%2017.0322C7.27476%2016.7646%207.30113%2016.689%207.33301%2016.6221C7.3759%2016.5322%207.42803%2016.4467%207.48926%2016.3682C7.5348%2016.3098%207.59067%2016.2531%207.79004%2016.0537L9.75488%2014.0869Z%22%2F%3E%3Cpath%20d%3D%22M10.8545%2012.9883C11.0597%2012.7847%2011.3911%2012.7857%2011.5957%2012.9902C11.8003%2013.1948%2011.8003%2013.5253%2011.5967%2013.7305C11.4642%2013.6739%2011.3057%2013.583%2011.1543%2013.4316C11.0025%2013.2798%2010.911%2013.121%2010.8545%2012.9883Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.0303%202C10.6361%202%2011.1218%201.99994%2011.5303%202.0166C11.5168%202.09653%2011.5091%202.1783%2011.5088%202.26074L11.5%205.09473C11.4999%206.19183%2011.4994%207.16184%2011.6045%207.94336C11.7184%208.79041%2011.9807%209.6369%2012.6719%2010.3281C13.3631%2011.0193%2014.2096%2011.2816%2015.0566%2011.3955C15.8382%2011.5006%2016.8082%2011.5001%2017.9053%2011.5H21.957C21.9996%2012.0342%2022%2012.6899%2022%2013.5625V14C22%2017.7712%2021.9997%2019.6566%2020.8281%2020.8281C19.6566%2021.9997%2017.7712%2022%2014%2022H10C6.22876%2022%204.34345%2021.9997%203.17188%2020.8281C2.0003%2019.6566%202%2017.7712%202%2014V10C2%206.22876%202.0003%204.34345%203.17188%203.17188C4.34345%202.0003%206.23918%202%2010.0303%202ZM12.6572%2011.9287C11.8665%2011.138%2010.5839%2011.1383%209.79297%2011.9287L6.72949%2014.9932C6.55501%2015.1676%206.42193%2015.2976%206.30664%2015.4453C6.17827%2015.6099%206.06833%2015.7891%205.97852%2015.9775C5.89792%2016.1467%205.83973%2016.3236%205.76172%2016.5576L5.32031%2017.8818C5.18952%2018.2748%205.29212%2018.7081%205.58496%2019.001C5.87782%2019.2938%206.31115%2019.3964%206.7041%2019.2656L8.02832%2018.8242C8.26238%2018.7462%208.43921%2018.688%208.6084%2018.6074C8.79682%2018.5176%208.97603%2018.4077%209.14062%2018.2793C9.28837%2018.164%209.41829%2018.0309%209.59277%2017.8564L12.6572%2014.793C13.4476%2014.0021%2013.4479%2012.7194%2012.6572%2011.9287Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.0088%202.26562C13.7007%202.53113%2014.2649%203.03877%2015.3926%204.05371L19.3516%207.61621C20.5682%208.71115%2021.2175%209.29582%2021.5801%2010H18C15.643%2010%2014.4647%209.99981%2013.7324%209.26758C13.0002%208.53534%2013%207.35697%2013%205L13.0088%202.26562Z%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/file-pen-bold.svg?color=%231a73e8&size=48
