pen nib icon
pen-nib-filled from Reicon by REICON · Filled · Text-formatting · MIT Free for personal and commercial use.
- Name
- pen-nib-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 nib icons →More text-formatting icons from Reicon
Use the pen nib icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m15.23 2.709l-1.616 1.616l-4.683 1.208c-.978.253-1.628.42-2.179.761A4.25 4.25 0 0 0 5.515 7.46c-.373.53-.579 1.169-.888 2.13L1.85 18.21c-.222.689-.405 1.255-.506 1.71c-.102.45-.158.929.004 1.38c.037.102.167.124.244.047L8.27 14.67a.6.6 0 0 0 .125-.144a.2.2 0 0 0 .025-.107a.8.8 0 0 0-.055-.211a2.25 2.25 0 1 1 1.429 1.429a.8.8 0 0 0-.212-.056a.2.2 0 0 0-.107.025c-.038.018-.073.054-.144.125l-6.677 6.677c-.077.077-.055.206.047.243c.451.163.929.106 1.38.005c.454-.102 1.02-.284 1.71-.506l8.505-2.74l.004-.002l.11-.035c.962-.31 1.6-.515 2.13-.889c.469-.33.865-.75 1.166-1.237c.342-.55.51-1.2.762-2.179l1.208-4.682l1.617-1.618c.328-.328.606-.606.816-.853c.22-.259.407-.532.515-.863a2.5 2.5 0 0 0 0-1.545c-.108-.332-.296-.605-.515-.863c-.21-.247-.488-.525-.817-.853L20.21 2.708a16 16 0 0 0-.854-.816c-.258-.22-.531-.408-.863-.515a2.5 2.5 0 0 0-1.545 0c-.331.108-.604.295-.863.515c-.247.21-.525.488-.854.817m2.799.094a1 1 0 0 0-.618 0c-.068.023-.169.073-.356.232c-.195.165-.43.4-.785.755L15.06 5L19 8.94l1.21-1.211c.355-.355.59-.59.754-.785c.16-.187.21-.287.232-.356a1 1 0 0 0 0-.618c-.022-.068-.073-.168-.232-.355c-.165-.195-.4-.43-.754-.785l-1.04-1.04c-.356-.355-.59-.59-.785-.755c-.188-.16-.288-.21-.356-.232" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPenNibFilled(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" fillRule="evenodd" d="m15.23 2.709l-1.616 1.616l-4.683 1.208c-.978.253-1.628.42-2.179.761A4.25 4.25 0 0 0 5.515 7.46c-.373.53-.579 1.169-.888 2.13L1.85 18.21c-.222.689-.405 1.255-.506 1.71c-.102.45-.158.929.004 1.38c.037.102.167.124.244.047L8.27 14.67a.6.6 0 0 0 .125-.144a.2.2 0 0 0 .025-.107a.8.8 0 0 0-.055-.211a2.25 2.25 0 1 1 1.429 1.429a.8.8 0 0 0-.212-.056a.2.2 0 0 0-.107.025c-.038.018-.073.054-.144.125l-6.677 6.677c-.077.077-.055.206.047.243c.451.163.929.106 1.38.005c.454-.102 1.02-.284 1.71-.506l8.505-2.74l.004-.002l.11-.035c.962-.31 1.6-.515 2.13-.889c.469-.33.865-.75 1.166-1.237c.342-.55.51-1.2.762-2.179l1.208-4.682l1.617-1.618c.328-.328.606-.606.816-.853c.22-.259.407-.532.515-.863a2.5 2.5 0 0 0 0-1.545c-.108-.332-.296-.605-.515-.863c-.21-.247-.488-.525-.817-.853L20.21 2.708a16 16 0 0 0-.854-.816c-.258-.22-.531-.408-.863-.515a2.5 2.5 0 0 0-1.545 0c-.331.108-.604.295-.863.515c-.247.21-.525.488-.854.817m2.799.094a1 1 0 0 0-.618 0c-.068.023-.169.073-.356.232c-.195.165-.43.4-.785.755L15.06 5L19 8.94l1.21-1.211c.355-.355.59-.59.754-.785c.16-.187.21-.287.232-.356a1 1 0 0 0 0-.618c-.022-.068-.073-.168-.232-.355c-.165-.195-.4-.43-.754-.785l-1.04-1.04c-.356-.355-.59-.59-.785-.755c-.188-.16-.288-.21-.356-.232" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m15.23 2.709l-1.616 1.616l-4.683 1.208c-.978.253-1.628.42-2.179.761A4.25 4.25 0 0 0 5.515 7.46c-.373.53-.579 1.169-.888 2.13L1.85 18.21c-.222.689-.405 1.255-.506 1.71c-.102.45-.158.929.004 1.38c.037.102.167.124.244.047L8.27 14.67a.6.6 0 0 0 .125-.144a.2.2 0 0 0 .025-.107a.8.8 0 0 0-.055-.211a2.25 2.25 0 1 1 1.429 1.429a.8.8 0 0 0-.212-.056a.2.2 0 0 0-.107.025c-.038.018-.073.054-.144.125l-6.677 6.677c-.077.077-.055.206.047.243c.451.163.929.106 1.38.005c.454-.102 1.02-.284 1.71-.506l8.505-2.74l.004-.002l.11-.035c.962-.31 1.6-.515 2.13-.889c.469-.33.865-.75 1.166-1.237c.342-.55.51-1.2.762-2.179l1.208-4.682l1.617-1.618c.328-.328.606-.606.816-.853c.22-.259.407-.532.515-.863a2.5 2.5 0 0 0 0-1.545c-.108-.332-.296-.605-.515-.863c-.21-.247-.488-.525-.817-.853L20.21 2.708a16 16 0 0 0-.854-.816c-.258-.22-.531-.408-.863-.515a2.5 2.5 0 0 0-1.545 0c-.331.108-.604.295-.863.515c-.247.21-.525.488-.854.817m2.799.094a1 1 0 0 0-.618 0c-.068.023-.169.073-.356.232c-.195.165-.43.4-.785.755L15.06 5L19 8.94l1.21-1.211c.355-.355.59-.59.754-.785c.16-.187.21-.287.232-.356a1 1 0 0 0 0-.618c-.022-.068-.073-.168-.232-.355c-.165-.195-.4-.43-.754-.785l-1.04-1.04c-.356-.355-.59-.59-.785-.755c-.188-.16-.288-.21-.356-.232" clip-rule="evenodd"/></svg> </template>
CSS
.icon-pen-nib-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%20fill-rule%3D%22evenodd%22%20d%3D%22m15.23%202.709l-1.616%201.616l-4.683%201.208c-.978.253-1.628.42-2.179.761A4.25%204.25%200%200%200%205.515%207.46c-.373.53-.579%201.169-.888%202.13L1.85%2018.21c-.222.689-.405%201.255-.506%201.71c-.102.45-.158.929.004%201.38c.037.102.167.124.244.047L8.27%2014.67a.6.6%200%200%200%20.125-.144a.2.2%200%200%200%20.025-.107a.8.8%200%200%200-.055-.211a2.25%202.25%200%201%201%201.429%201.429a.8.8%200%200%200-.212-.056a.2.2%200%200%200-.107.025c-.038.018-.073.054-.144.125l-6.677%206.677c-.077.077-.055.206.047.243c.451.163.929.106%201.38.005c.454-.102%201.02-.284%201.71-.506l8.505-2.74l.004-.002l.11-.035c.962-.31%201.6-.515%202.13-.889c.469-.33.865-.75%201.166-1.237c.342-.55.51-1.2.762-2.179l1.208-4.682l1.617-1.618c.328-.328.606-.606.816-.853c.22-.259.407-.532.515-.863a2.5%202.5%200%200%200%200-1.545c-.108-.332-.296-.605-.515-.863c-.21-.247-.488-.525-.817-.853L20.21%202.708a16%2016%200%200%200-.854-.816c-.258-.22-.531-.408-.863-.515a2.5%202.5%200%200%200-1.545%200c-.331.108-.604.295-.863.515c-.247.21-.525.488-.854.817m2.799.094a1%201%200%200%200-.618%200c-.068.023-.169.073-.356.232c-.195.165-.43.4-.785.755L15.06%205L19%208.94l1.21-1.211c.355-.355.59-.59.754-.785c.16-.187.21-.287.232-.356a1%201%200%200%200%200-.618c-.022-.068-.073-.168-.232-.355c-.165-.195-.4-.43-.754-.785l-1.04-1.04c-.356-.355-.59-.59-.785-.755c-.188-.16-.288-.21-.356-.232%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22m15.23%202.709l-1.616%201.616l-4.683%201.208c-.978.253-1.628.42-2.179.761A4.25%204.25%200%200%200%205.515%207.46c-.373.53-.579%201.169-.888%202.13L1.85%2018.21c-.222.689-.405%201.255-.506%201.71c-.102.45-.158.929.004%201.38c.037.102.167.124.244.047L8.27%2014.67a.6.6%200%200%200%20.125-.144a.2.2%200%200%200%20.025-.107a.8.8%200%200%200-.055-.211a2.25%202.25%200%201%201%201.429%201.429a.8.8%200%200%200-.212-.056a.2.2%200%200%200-.107.025c-.038.018-.073.054-.144.125l-6.677%206.677c-.077.077-.055.206.047.243c.451.163.929.106%201.38.005c.454-.102%201.02-.284%201.71-.506l8.505-2.74l.004-.002l.11-.035c.962-.31%201.6-.515%202.13-.889c.469-.33.865-.75%201.166-1.237c.342-.55.51-1.2.762-2.179l1.208-4.682l1.617-1.618c.328-.328.606-.606.816-.853c.22-.259.407-.532.515-.863a2.5%202.5%200%200%200%200-1.545c-.108-.332-.296-.605-.515-.863c-.21-.247-.488-.525-.817-.853L20.21%202.708a16%2016%200%200%200-.854-.816c-.258-.22-.531-.408-.863-.515a2.5%202.5%200%200%200-1.545%200c-.331.108-.604.295-.863.515c-.247.21-.525.488-.854.817m2.799.094a1%201%200%200%200-.618%200c-.068.023-.169.073-.356.232c-.195.165-.43.4-.785.755L15.06%205L19%208.94l1.21-1.211c.355-.355.59-.59.754-.785c.16-.187.21-.287.232-.356a1%201%200%200%200%200-.618c-.022-.068-.073-.168-.232-.355c-.165-.195-.4-.43-.754-.785l-1.04-1.04c-.356-.355-.59-.59-.785-.755c-.188-.16-.288-.21-.356-.232%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/pen-nib-filled.svg?color=%231a73e8&size=48
