pen writing2 icon
pen-writing2-filled from Reicon by REICON · Filled · Text-formatting · MIT Free for personal and commercial use.
- Name
- pen-writing2-filled
- Set
- Reicon
- Style
- Filled
- Category
- Text-formatting
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More text-formatting icons from Reicon
Use the pen writing2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.495 5.556a3.25 3.25 0 0 0-1.266-2.154a3.273 3.273 0 0 0-4.579.638L9.037 14.167c-1.768 2.342-1.525 6.025-1.513 6.18a1 1 0 0 0 1.201.905c.152-.032 3.76-.805 5.528-3.148l7.613-10.127a3.25 3.25 0 0 0 .63-2.42m-2.224 1.219l-.812 1.11l-2.026-1.528l.813-1.11a1.26 1.26 0 0 1 1.015-.504c.273 0 .538.088.761.256c.27.204.445.501.492.836a1.25 1.25 0 0 1-.243.94M2.116 2.969A1 1 0 0 1 3.53 2.95c1.12 1.094 2.71 2.992 2.725 5.458c.012 1.9-.928 3.3-1.663 4.394l-.05.073c-.793 1.183-1.29 1.987-1.198 3.008c.056.608.35 1.603 1.814 2.84a1 1 0 0 1-1.292 1.527c-1.812-1.532-2.405-2.99-2.514-4.186c-.162-1.786.751-3.144 1.473-4.218l.057-.085c.781-1.164 1.381-2.098 1.373-3.34c-.01-1.619-1.079-3.022-2.121-4.038a1 1 0 0 1-.018-1.414"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPenWriting2Filled(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="M22.495 5.556a3.25 3.25 0 0 0-1.266-2.154a3.273 3.273 0 0 0-4.579.638L9.037 14.167c-1.768 2.342-1.525 6.025-1.513 6.18a1 1 0 0 0 1.201.905c.152-.032 3.76-.805 5.528-3.148l7.613-10.127a3.25 3.25 0 0 0 .63-2.42m-2.224 1.219l-.812 1.11l-2.026-1.528l.813-1.11a1.26 1.26 0 0 1 1.015-.504c.273 0 .538.088.761.256c.27.204.445.501.492.836a1.25 1.25 0 0 1-.243.94M2.116 2.969A1 1 0 0 1 3.53 2.95c1.12 1.094 2.71 2.992 2.725 5.458c.012 1.9-.928 3.3-1.663 4.394l-.05.073c-.793 1.183-1.29 1.987-1.198 3.008c.056.608.35 1.603 1.814 2.84a1 1 0 0 1-1.292 1.527c-1.812-1.532-2.405-2.99-2.514-4.186c-.162-1.786.751-3.144 1.473-4.218l.057-.085c.781-1.164 1.381-2.098 1.373-3.34c-.01-1.619-1.079-3.022-2.121-4.038a1 1 0 0 1-.018-1.414"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.495 5.556a3.25 3.25 0 0 0-1.266-2.154a3.273 3.273 0 0 0-4.579.638L9.037 14.167c-1.768 2.342-1.525 6.025-1.513 6.18a1 1 0 0 0 1.201.905c.152-.032 3.76-.805 5.528-3.148l7.613-10.127a3.25 3.25 0 0 0 .63-2.42m-2.224 1.219l-.812 1.11l-2.026-1.528l.813-1.11a1.26 1.26 0 0 1 1.015-.504c.273 0 .538.088.761.256c.27.204.445.501.492.836a1.25 1.25 0 0 1-.243.94M2.116 2.969A1 1 0 0 1 3.53 2.95c1.12 1.094 2.71 2.992 2.725 5.458c.012 1.9-.928 3.3-1.663 4.394l-.05.073c-.793 1.183-1.29 1.987-1.198 3.008c.056.608.35 1.603 1.814 2.84a1 1 0 0 1-1.292 1.527c-1.812-1.532-2.405-2.99-2.514-4.186c-.162-1.786.751-3.144 1.473-4.218l.057-.085c.781-1.164 1.381-2.098 1.373-3.34c-.01-1.619-1.079-3.022-2.121-4.038a1 1 0 0 1-.018-1.414"/></svg> </template>
CSS
.icon-pen-writing2-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%22M22.495%205.556a3.25%203.25%200%200%200-1.266-2.154a3.273%203.273%200%200%200-4.579.638L9.037%2014.167c-1.768%202.342-1.525%206.025-1.513%206.18a1%201%200%200%200%201.201.905c.152-.032%203.76-.805%205.528-3.148l7.613-10.127a3.25%203.25%200%200%200%20.63-2.42m-2.224%201.219l-.812%201.11l-2.026-1.528l.813-1.11a1.26%201.26%200%200%201%201.015-.504c.273%200%20.538.088.761.256c.27.204.445.501.492.836a1.25%201.25%200%200%201-.243.94M2.116%202.969A1%201%200%200%201%203.53%202.95c1.12%201.094%202.71%202.992%202.725%205.458c.012%201.9-.928%203.3-1.663%204.394l-.05.073c-.793%201.183-1.29%201.987-1.198%203.008c.056.608.35%201.603%201.814%202.84a1%201%200%200%201-1.292%201.527c-1.812-1.532-2.405-2.99-2.514-4.186c-.162-1.786.751-3.144%201.473-4.218l.057-.085c.781-1.164%201.381-2.098%201.373-3.34c-.01-1.619-1.079-3.022-2.121-4.038a1%201%200%200%201-.018-1.414%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%22M22.495%205.556a3.25%203.25%200%200%200-1.266-2.154a3.273%203.273%200%200%200-4.579.638L9.037%2014.167c-1.768%202.342-1.525%206.025-1.513%206.18a1%201%200%200%200%201.201.905c.152-.032%203.76-.805%205.528-3.148l7.613-10.127a3.25%203.25%200%200%200%20.63-2.42m-2.224%201.219l-.812%201.11l-2.026-1.528l.813-1.11a1.26%201.26%200%200%201%201.015-.504c.273%200%20.538.088.761.256c.27.204.445.501.492.836a1.25%201.25%200%200%201-.243.94M2.116%202.969A1%201%200%200%201%203.53%202.95c1.12%201.094%202.71%202.992%202.725%205.458c.012%201.9-.928%203.3-1.663%204.394l-.05.073c-.793%201.183-1.29%201.987-1.198%203.008c.056.608.35%201.603%201.814%202.84a1%201%200%200%201-1.292%201.527c-1.812-1.532-2.405-2.99-2.514-4.186c-.162-1.786.751-3.144%201.473-4.218l.057-.085c.781-1.164%201.381-2.098%201.373-3.34c-.01-1.619-1.079-3.022-2.121-4.038a1%201%200%200%201-.018-1.414%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/pen-writing2-filled.svg?color=%231a73e8&size=48
