pen nib icon
pen-nib from Reicon by REICON · Outline · Text-formatting · MIT Free for personal and commercial use.
- Name
- pen-nib
- Set
- Reicon
- Style
- Outline
- 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="m19.505 10.554l-.015.016l-1.057 4.412c-.24 1.002-.398 1.668-.739 2.233c-.3.499-.7.93-1.174 1.268c-.538.383-1.19.593-2.17.909L5.79 22.15c-.69.222-1.256.404-1.71.506c-.451.101-.929.158-1.38-.005A2.25 2.25 0 0 1 1.348 21.3c-.162-.45-.106-.928-.004-1.38c.101-.454.284-1.02.506-1.71l2.758-8.56c.316-.98.525-1.632.908-2.169a4.25 4.25 0 0 1 1.268-1.175c.565-.34 1.23-.5 2.233-.739l4.412-1.057l1.801-1.801c.329-.329.607-.607.854-.816c.259-.22.532-.408.863-.515a2.5 2.5 0 0 1 1.545 0c.332.107.605.295.863.515c.247.209.525.487.854.816L21.29 3.79c.329.329.607.607.816.854c.22.258.408.531.515.863a2.5 2.5 0 0 1 0 1.545c-.107.331-.295.604-.515.863c-.21.247-.487.525-.816.853l-1.737 1.737zm-2.094-7.75a1 1 0 0 1 .618 0c.068.021.168.072.355.231c.195.165.43.4.785.755l1.04 1.04c.356.355.59.59.755.784c.16.188.21.288.232.356a1 1 0 0 1 0 .618c-.022.068-.073.168-.232.356c-.165.195-.4.43-.755.785L19 8.939l-3.939-3.94l1.21-1.21c.355-.355.59-.589.785-.754c.187-.16.287-.21.356-.232m-3.529 3.14L9.485 6.995c-1.164.28-1.585.389-1.927.594a2.75 2.75 0 0 0-.82.76c-.231.325-.373.736-.74 1.876L3.29 18.634a27 27 0 0 0-.445 1.462l5.254-5.255a2.75 2.75 0 1 1 1.06 1.06l-5.253 5.255c.359-.091.821-.24 1.46-.446l8.409-2.709c1.14-.367 1.55-.508 1.875-.74a2.75 2.75 0 0 0 .76-.82c.206-.341.315-.762.594-1.927l1.053-4.397zM9.25 13.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPenNib(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="m19.505 10.554l-.015.016l-1.057 4.412c-.24 1.002-.398 1.668-.739 2.233c-.3.499-.7.93-1.174 1.268c-.538.383-1.19.593-2.17.909L5.79 22.15c-.69.222-1.256.404-1.71.506c-.451.101-.929.158-1.38-.005A2.25 2.25 0 0 1 1.348 21.3c-.162-.45-.106-.928-.004-1.38c.101-.454.284-1.02.506-1.71l2.758-8.56c.316-.98.525-1.632.908-2.169a4.25 4.25 0 0 1 1.268-1.175c.565-.34 1.23-.5 2.233-.739l4.412-1.057l1.801-1.801c.329-.329.607-.607.854-.816c.259-.22.532-.408.863-.515a2.5 2.5 0 0 1 1.545 0c.332.107.605.295.863.515c.247.209.525.487.854.816L21.29 3.79c.329.329.607.607.816.854c.22.258.408.531.515.863a2.5 2.5 0 0 1 0 1.545c-.107.331-.295.604-.515.863c-.21.247-.487.525-.816.853l-1.737 1.737zm-2.094-7.75a1 1 0 0 1 .618 0c.068.021.168.072.355.231c.195.165.43.4.785.755l1.04 1.04c.356.355.59.59.755.784c.16.188.21.288.232.356a1 1 0 0 1 0 .618c-.022.068-.073.168-.232.356c-.165.195-.4.43-.755.785L19 8.939l-3.939-3.94l1.21-1.21c.355-.355.59-.589.785-.754c.187-.16.287-.21.356-.232m-3.529 3.14L9.485 6.995c-1.164.28-1.585.389-1.927.594a2.75 2.75 0 0 0-.82.76c-.231.325-.373.736-.74 1.876L3.29 18.634a27 27 0 0 0-.445 1.462l5.254-5.255a2.75 2.75 0 1 1 1.06 1.06l-5.253 5.255c.359-.091.821-.24 1.46-.446l8.409-2.709c1.14-.367 1.55-.508 1.875-.74a2.75 2.75 0 0 0 .76-.82c.206-.341.315-.762.594-1.927l1.053-4.397zM9.25 13.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0" 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="m19.505 10.554l-.015.016l-1.057 4.412c-.24 1.002-.398 1.668-.739 2.233c-.3.499-.7.93-1.174 1.268c-.538.383-1.19.593-2.17.909L5.79 22.15c-.69.222-1.256.404-1.71.506c-.451.101-.929.158-1.38-.005A2.25 2.25 0 0 1 1.348 21.3c-.162-.45-.106-.928-.004-1.38c.101-.454.284-1.02.506-1.71l2.758-8.56c.316-.98.525-1.632.908-2.169a4.25 4.25 0 0 1 1.268-1.175c.565-.34 1.23-.5 2.233-.739l4.412-1.057l1.801-1.801c.329-.329.607-.607.854-.816c.259-.22.532-.408.863-.515a2.5 2.5 0 0 1 1.545 0c.332.107.605.295.863.515c.247.209.525.487.854.816L21.29 3.79c.329.329.607.607.816.854c.22.258.408.531.515.863a2.5 2.5 0 0 1 0 1.545c-.107.331-.295.604-.515.863c-.21.247-.487.525-.816.853l-1.737 1.737zm-2.094-7.75a1 1 0 0 1 .618 0c.068.021.168.072.355.231c.195.165.43.4.785.755l1.04 1.04c.356.355.59.59.755.784c.16.188.21.288.232.356a1 1 0 0 1 0 .618c-.022.068-.073.168-.232.356c-.165.195-.4.43-.755.785L19 8.939l-3.939-3.94l1.21-1.21c.355-.355.59-.589.785-.754c.187-.16.287-.21.356-.232m-3.529 3.14L9.485 6.995c-1.164.28-1.585.389-1.927.594a2.75 2.75 0 0 0-.82.76c-.231.325-.373.736-.74 1.876L3.29 18.634a27 27 0 0 0-.445 1.462l5.254-5.255a2.75 2.75 0 1 1 1.06 1.06l-5.253 5.255c.359-.091.821-.24 1.46-.446l8.409-2.709c1.14-.367 1.55-.508 1.875-.74a2.75 2.75 0 0 0 .76-.82c.206-.341.315-.762.594-1.927l1.053-4.397zM9.25 13.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-pen-nib {
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%22m19.505%2010.554l-.015.016l-1.057%204.412c-.24%201.002-.398%201.668-.739%202.233c-.3.499-.7.93-1.174%201.268c-.538.383-1.19.593-2.17.909L5.79%2022.15c-.69.222-1.256.404-1.71.506c-.451.101-.929.158-1.38-.005A2.25%202.25%200%200%201%201.348%2021.3c-.162-.45-.106-.928-.004-1.38c.101-.454.284-1.02.506-1.71l2.758-8.56c.316-.98.525-1.632.908-2.169a4.25%204.25%200%200%201%201.268-1.175c.565-.34%201.23-.5%202.233-.739l4.412-1.057l1.801-1.801c.329-.329.607-.607.854-.816c.259-.22.532-.408.863-.515a2.5%202.5%200%200%201%201.545%200c.332.107.605.295.863.515c.247.209.525.487.854.816L21.29%203.79c.329.329.607.607.816.854c.22.258.408.531.515.863a2.5%202.5%200%200%201%200%201.545c-.107.331-.295.604-.515.863c-.21.247-.487.525-.816.853l-1.737%201.737zm-2.094-7.75a1%201%200%200%201%20.618%200c.068.021.168.072.355.231c.195.165.43.4.785.755l1.04%201.04c.356.355.59.59.755.784c.16.188.21.288.232.356a1%201%200%200%201%200%20.618c-.022.068-.073.168-.232.356c-.165.195-.4.43-.755.785L19%208.939l-3.939-3.94l1.21-1.21c.355-.355.59-.589.785-.754c.187-.16.287-.21.356-.232m-3.529%203.14L9.485%206.995c-1.164.28-1.585.389-1.927.594a2.75%202.75%200%200%200-.82.76c-.231.325-.373.736-.74%201.876L3.29%2018.634a27%2027%200%200%200-.445%201.462l5.254-5.255a2.75%202.75%200%201%201%201.06%201.06l-5.253%205.255c.359-.091.821-.24%201.46-.446l8.409-2.709c1.14-.367%201.55-.508%201.875-.74a2.75%202.75%200%200%200%20.76-.82c.206-.341.315-.762.594-1.927l1.053-4.397zM9.25%2013.5a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%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%22m19.505%2010.554l-.015.016l-1.057%204.412c-.24%201.002-.398%201.668-.739%202.233c-.3.499-.7.93-1.174%201.268c-.538.383-1.19.593-2.17.909L5.79%2022.15c-.69.222-1.256.404-1.71.506c-.451.101-.929.158-1.38-.005A2.25%202.25%200%200%201%201.348%2021.3c-.162-.45-.106-.928-.004-1.38c.101-.454.284-1.02.506-1.71l2.758-8.56c.316-.98.525-1.632.908-2.169a4.25%204.25%200%200%201%201.268-1.175c.565-.34%201.23-.5%202.233-.739l4.412-1.057l1.801-1.801c.329-.329.607-.607.854-.816c.259-.22.532-.408.863-.515a2.5%202.5%200%200%201%201.545%200c.332.107.605.295.863.515c.247.209.525.487.854.816L21.29%203.79c.329.329.607.607.816.854c.22.258.408.531.515.863a2.5%202.5%200%200%201%200%201.545c-.107.331-.295.604-.515.863c-.21.247-.487.525-.816.853l-1.737%201.737zm-2.094-7.75a1%201%200%200%201%20.618%200c.068.021.168.072.355.231c.195.165.43.4.785.755l1.04%201.04c.356.355.59.59.755.784c.16.188.21.288.232.356a1%201%200%200%201%200%20.618c-.022.068-.073.168-.232.356c-.165.195-.4.43-.755.785L19%208.939l-3.939-3.94l1.21-1.21c.355-.355.59-.589.785-.754c.187-.16.287-.21.356-.232m-3.529%203.14L9.485%206.995c-1.164.28-1.585.389-1.927.594a2.75%202.75%200%200%200-.82.76c-.231.325-.373.736-.74%201.876L3.29%2018.634a27%2027%200%200%200-.445%201.462l5.254-5.255a2.75%202.75%200%201%201%201.06%201.06l-5.253%205.255c.359-.091.821-.24%201.46-.446l8.409-2.709c1.14-.367%201.55-.508%201.875-.74a2.75%202.75%200%200%200%20.76-.82c.206-.341.315-.762.594-1.927l1.053-4.397zM9.25%2013.5a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%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.svg?color=%231a73e8&size=48
