pen line icon
pen-line-filled from Reicon by REICON · Filled · Text-formatting · MIT Free for personal and commercial use.
- Name
- pen-line-filled
- Set
- Reicon
- Style
- Filled
- Category
- Text-formatting
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All pen line icons →More text-formatting icons from Reicon
Use the pen line icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.68 1.383a2.75 2.75 0 0 0-1.7 0c-.36.117-.66.321-.95.568c-.278.236-.593.552-.97.929l-.994.994c-.198.198-.297.297-.334.41a.5.5 0 0 0 0 .31c.037.114.136.213.334.411l4.929 4.93c.198.197.297.296.411.333c.1.033.209.033.31 0c.113-.037.212-.136.41-.334l.993-.993c.378-.377.693-.693.93-.971c.246-.29.451-.59.568-.95a2.75 2.75 0 0 0 0-1.7c-.117-.36-.322-.66-.568-.95a18 18 0 0 0-.93-.972l-.517-.517a18 18 0 0 0-.972-.93c-.29-.246-.59-.451-.95-.568m-5.675 4.683l4.93 4.929c.197.198.296.297.333.411c.033.1.033.209 0 .31c-.037.113-.136.212-.334.41L9.131 20.93c-.159.159-.3.3-.463.414q-.218.15-.465.249a3.5 3.5 0 0 1-.601.156l-4.44.894c-.175.035-.352.07-.503.087c-.16.017-.394.027-.638-.073a1.25 1.25 0 0 1-.678-.678c-.1-.244-.09-.479-.073-.638c.016-.151.052-.328.087-.503l.894-4.44c.044-.22.083-.415.156-.601a2.3 2.3 0 0 1 .25-.465c.114-.164.253-.303.41-.46l8.807-8.806c.198-.198.297-.297.41-.334a.5.5 0 0 1 .31 0c.114.037.213.136.411.334M13 21.25a.75.75 0 0 0 0 1.5h9a.75.75 0 1 0 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPenLineFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.68 1.383a2.75 2.75 0 0 0-1.7 0c-.36.117-.66.321-.95.568c-.278.236-.593.552-.97.929l-.994.994c-.198.198-.297.297-.334.41a.5.5 0 0 0 0 .31c.037.114.136.213.334.411l4.929 4.93c.198.197.297.296.411.333c.1.033.209.033.31 0c.113-.037.212-.136.41-.334l.993-.993c.378-.377.693-.693.93-.971c.246-.29.451-.59.568-.95a2.75 2.75 0 0 0 0-1.7c-.117-.36-.322-.66-.568-.95a18 18 0 0 0-.93-.972l-.517-.517a18 18 0 0 0-.972-.93c-.29-.246-.59-.451-.95-.568m-5.675 4.683l4.93 4.929c.197.198.296.297.333.411c.033.1.033.209 0 .31c-.037.113-.136.212-.334.41L9.131 20.93c-.159.159-.3.3-.463.414q-.218.15-.465.249a3.5 3.5 0 0 1-.601.156l-4.44.894c-.175.035-.352.07-.503.087c-.16.017-.394.027-.638-.073a1.25 1.25 0 0 1-.678-.678c-.1-.244-.09-.479-.073-.638c.016-.151.052-.328.087-.503l.894-4.44c.044-.22.083-.415.156-.601a2.3 2.3 0 0 1 .25-.465c.114-.164.253-.303.41-.46l8.807-8.806c.198-.198.297-.297.41-.334a.5.5 0 0 1 .31 0c.114.037.213.136.411.334M13 21.25a.75.75 0 0 0 0 1.5h9a.75.75 0 1 0 0-1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.68 1.383a2.75 2.75 0 0 0-1.7 0c-.36.117-.66.321-.95.568c-.278.236-.593.552-.97.929l-.994.994c-.198.198-.297.297-.334.41a.5.5 0 0 0 0 .31c.037.114.136.213.334.411l4.929 4.93c.198.197.297.296.411.333c.1.033.209.033.31 0c.113-.037.212-.136.41-.334l.993-.993c.378-.377.693-.693.93-.971c.246-.29.451-.59.568-.95a2.75 2.75 0 0 0 0-1.7c-.117-.36-.322-.66-.568-.95a18 18 0 0 0-.93-.972l-.517-.517a18 18 0 0 0-.972-.93c-.29-.246-.59-.451-.95-.568m-5.675 4.683l4.93 4.929c.197.198.296.297.333.411c.033.1.033.209 0 .31c-.037.113-.136.212-.334.41L9.131 20.93c-.159.159-.3.3-.463.414q-.218.15-.465.249a3.5 3.5 0 0 1-.601.156l-4.44.894c-.175.035-.352.07-.503.087c-.16.017-.394.027-.638-.073a1.25 1.25 0 0 1-.678-.678c-.1-.244-.09-.479-.073-.638c.016-.151.052-.328.087-.503l.894-4.44c.044-.22.083-.415.156-.601a2.3 2.3 0 0 1 .25-.465c.114-.164.253-.303.41-.46l8.807-8.806c.198-.198.297-.297.41-.334a.5.5 0 0 1 .31 0c.114.037.213.136.411.334M13 21.25a.75.75 0 0 0 0 1.5h9a.75.75 0 1 0 0-1.5z"/></svg> </template>
CSS
.icon-pen-line-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.68%201.383a2.75%202.75%200%200%200-1.7%200c-.36.117-.66.321-.95.568c-.278.236-.593.552-.97.929l-.994.994c-.198.198-.297.297-.334.41a.5.5%200%200%200%200%20.31c.037.114.136.213.334.411l4.929%204.93c.198.197.297.296.411.333c.1.033.209.033.31%200c.113-.037.212-.136.41-.334l.993-.993c.378-.377.693-.693.93-.971c.246-.29.451-.59.568-.95a2.75%202.75%200%200%200%200-1.7c-.117-.36-.322-.66-.568-.95a18%2018%200%200%200-.93-.972l-.517-.517a18%2018%200%200%200-.972-.93c-.29-.246-.59-.451-.95-.568m-5.675%204.683l4.93%204.929c.197.198.296.297.333.411c.033.1.033.209%200%20.31c-.037.113-.136.212-.334.41L9.131%2020.93c-.159.159-.3.3-.463.414q-.218.15-.465.249a3.5%203.5%200%200%201-.601.156l-4.44.894c-.175.035-.352.07-.503.087c-.16.017-.394.027-.638-.073a1.25%201.25%200%200%201-.678-.678c-.1-.244-.09-.479-.073-.638c.016-.151.052-.328.087-.503l.894-4.44c.044-.22.083-.415.156-.601a2.3%202.3%200%200%201%20.25-.465c.114-.164.253-.303.41-.46l8.807-8.806c.198-.198.297-.297.41-.334a.5.5%200%200%201%20.31%200c.114.037.213.136.411.334M13%2021.25a.75.75%200%200%200%200%201.5h9a.75.75%200%201%200%200-1.5z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.68%201.383a2.75%202.75%200%200%200-1.7%200c-.36.117-.66.321-.95.568c-.278.236-.593.552-.97.929l-.994.994c-.198.198-.297.297-.334.41a.5.5%200%200%200%200%20.31c.037.114.136.213.334.411l4.929%204.93c.198.197.297.296.411.333c.1.033.209.033.31%200c.113-.037.212-.136.41-.334l.993-.993c.378-.377.693-.693.93-.971c.246-.29.451-.59.568-.95a2.75%202.75%200%200%200%200-1.7c-.117-.36-.322-.66-.568-.95a18%2018%200%200%200-.93-.972l-.517-.517a18%2018%200%200%200-.972-.93c-.29-.246-.59-.451-.95-.568m-5.675%204.683l4.93%204.929c.197.198.296.297.333.411c.033.1.033.209%200%20.31c-.037.113-.136.212-.334.41L9.131%2020.93c-.159.159-.3.3-.463.414q-.218.15-.465.249a3.5%203.5%200%200%201-.601.156l-4.44.894c-.175.035-.352.07-.503.087c-.16.017-.394.027-.638-.073a1.25%201.25%200%200%201-.678-.678c-.1-.244-.09-.479-.073-.638c.016-.151.052-.328.087-.503l.894-4.44c.044-.22.083-.415.156-.601a2.3%202.3%200%200%201%20.25-.465c.114-.164.253-.303.41-.46l8.807-8.806c.198-.198.297-.297.41-.334a.5.5%200%200%201%20.31%200c.114.037.213.136.411.334M13%2021.25a.75.75%200%200%200%200%201.5h9a.75.75%200%201%200%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/pen-line-filled.svg?color=%231a73e8&size=48
