pencil emoji
pencil from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- pencil
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
pencilAkar IconspencilBootstrap IconspencilBoxIcons v2pencilBoxIcons v2 SolidpencilEmoji One (Colored)pencilFramework7 IconspencilFont Awesome 6 SolidpencilFont Awesome SolidpencilFluent Emoji FlatpencilFluent Emoji High ContrastpencilFirefox OS EmojipencilHeroIconspencilHuge IconspencilHumbleiconspencilIconParkpencilIconPark OutlinepencilIconPark SolidpencilIonIconspencilJam IconspencilMaterial Line IconspencilLucidepencilMajesticonspencilMaterial Design Iconspencil-fillMingCute Icon
Use the pencil emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iqpswMS)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iRAj20H)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iCQ4oXd)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iaOgR4g)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#ixIPiUd)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#iLomexe)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#iLKFBOe)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#i3Gq0mb)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#iByxKAd)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#iR8IWHb)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#i5F8UHt)" d="m16.666 8.877l3.19-3.19l6.484 6.485l-3.19 3.19z"/><path fill="url(#ixftiIe)" d="m16.666 8.877l3.19-3.19l6.484 6.485l-3.19 3.19z"/><path fill="url(#iEB001d)" d="M2.253 30a.2.2 0 0 1-.219-.218l.218-2.3l2.296 2.297z"/><defs><linearGradient id="iRAj20H" x1="10.136" x2="11.699" y1="14.875" y2="16.375" gradientUnits="userSpaceOnUse"><stop stop-color="#EE9B6A"/><stop offset="1" stop-color="#EE9B6A" stop-opacity="0"/></linearGradient><linearGradient id="iCQ4oXd" x1="20.637" x2="18.762" y1="18.5" y2="16.938" gradientUnits="userSpaceOnUse"><stop stop-color="#E66A62"/><stop offset="1" stop-color="#E66A62" stop-opacity="0"/></linearGradient><linearGradient id="ixIPiUd" x1="3.887" x2="6.512" y1="26.094" y2="30.219" gradientUnits="userSpaceOnUse"><stop stop-color="#D8A587"/><stop offset="1" stop-color="#CE7A98"/></linearGradient><linearGradient id="iLomexe" x1="6.98" x2="6.457" y1="26.282" y2="26.812" gradientUnits="userSpaceOnUse"><stop offset=".207" stop-color="#FFC09F"/><stop offset="1" stop-color="#FCB196" stop-opacity="0"/></linearGradient><linearGradient id="iLKFBOe" x1="1.512" x2="3.637" y1="25.937" y2="26.125" gradientUnits="userSpaceOnUse"><stop stop-color="#DEBCA3"/><stop offset="1" stop-color="#DEBCA3" stop-opacity="0"/></linearGradient><linearGradient id="i3Gq0mb" x1="28.074" x2="23.949" y1="4.938" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6153"/><stop offset="1" stop-color="#FF6154"/></linearGradient><linearGradient id="iByxKAd" x1="20.762" x2="24.012" y1="4.563" y2="7.563" gradientUnits="userSpaceOnUse"><stop stop-color="#F1553E"/><stop offset="1" stop-color="#F1553E" stop-opacity="0"/></linearGradient><linearGradient id="i5F8UHt" x1="18.324" x2="22.449" y1="7.375" y2="11.125" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C4CB"/><stop offset="1" stop-color="#E8DEFA"/></linearGradient><linearGradient id="ixftiIe" x1="24.824" x2="22.512" y1="14.375" y2="12.125" gradientUnits="userSpaceOnUse"><stop stop-color="#C9B9E0"/><stop offset="1" stop-color="#C9B9E0" stop-opacity="0"/></linearGradient><linearGradient id="iEB001d" x1="2.23" x2="3.291" y1="28.531" y2="30.001" gradientUnits="userSpaceOnUse"><stop stop-color="#461E49"/><stop offset="1" stop-color="#450F51"/></linearGradient><radialGradient id="iqpswMS" cx="0" cy="0" r="1" gradientTransform="matrix(13.74998 -14.06245 8.72293 8.5291 6.199 26)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9130"/><stop offset="1" stop-color="#F3633D"/></radialGradient><radialGradient id="iaOgR4g" cx="0" cy="0" r="1" gradientTransform="matrix(12.87503 -12.81253 2.8651 2.87908 5.949 25.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF994D"/><stop offset="1" stop-color="#FF994D" stop-opacity="0"/></radialGradient><radialGradient id="iR8IWHb" cx="0" cy="0" r="1" gradientTransform="rotate(135 12.398 8.577)scale(1.37002 3.11227)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#FF786D"/><stop offset="1" stop-color="#FF786D" stop-opacity="0"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiPencil(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iqpswMS)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iRAj20H)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iCQ4oXd)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iaOgR4g)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#ixIPiUd)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#iLomexe)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#iLKFBOe)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#i3Gq0mb)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#iByxKAd)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#iR8IWHb)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#i5F8UHt)" d="m16.666 8.877l3.19-3.19l6.484 6.485l-3.19 3.19z"/><path fill="url(#ixftiIe)" d="m16.666 8.877l3.19-3.19l6.484 6.485l-3.19 3.19z"/><path fill="url(#iEB001d)" d="M2.253 30a.2.2 0 0 1-.219-.218l.218-2.3l2.296 2.297z"/><defs><linearGradient id="iRAj20H" x1="10.136" x2="11.699" y1="14.875" y2="16.375" gradientUnits="userSpaceOnUse"><stop stopColor="#EE9B6A"/><stop offset="1" stopColor="#EE9B6A" stopOpacity="0"/></linearGradient><linearGradient id="iCQ4oXd" x1="20.637" x2="18.762" y1="18.5" y2="16.938" gradientUnits="userSpaceOnUse"><stop stopColor="#E66A62"/><stop offset="1" stopColor="#E66A62" stopOpacity="0"/></linearGradient><linearGradient id="ixIPiUd" x1="3.887" x2="6.512" y1="26.094" y2="30.219" gradientUnits="userSpaceOnUse"><stop stopColor="#D8A587"/><stop offset="1" stopColor="#CE7A98"/></linearGradient><linearGradient id="iLomexe" x1="6.98" x2="6.457" y1="26.282" y2="26.812" gradientUnits="userSpaceOnUse"><stop offset=".207" stopColor="#FFC09F"/><stop offset="1" stopColor="#FCB196" stopOpacity="0"/></linearGradient><linearGradient id="iLKFBOe" x1="1.512" x2="3.637" y1="25.937" y2="26.125" gradientUnits="userSpaceOnUse"><stop stopColor="#DEBCA3"/><stop offset="1" stopColor="#DEBCA3" stopOpacity="0"/></linearGradient><linearGradient id="i3Gq0mb" x1="28.074" x2="23.949" y1="4.938" y2="9" gradientUnits="userSpaceOnUse"><stop stopColor="#FF6153"/><stop offset="1" stopColor="#FF6154"/></linearGradient><linearGradient id="iByxKAd" x1="20.762" x2="24.012" y1="4.563" y2="7.563" gradientUnits="userSpaceOnUse"><stop stopColor="#F1553E"/><stop offset="1" stopColor="#F1553E" stopOpacity="0"/></linearGradient><linearGradient id="i5F8UHt" x1="18.324" x2="22.449" y1="7.375" y2="11.125" gradientUnits="userSpaceOnUse"><stop stopColor="#C5C4CB"/><stop offset="1" stopColor="#E8DEFA"/></linearGradient><linearGradient id="ixftiIe" x1="24.824" x2="22.512" y1="14.375" y2="12.125" gradientUnits="userSpaceOnUse"><stop stopColor="#C9B9E0"/><stop offset="1" stopColor="#C9B9E0" stopOpacity="0"/></linearGradient><linearGradient id="iEB001d" x1="2.23" x2="3.291" y1="28.531" y2="30.001" gradientUnits="userSpaceOnUse"><stop stopColor="#461E49"/><stop offset="1" stopColor="#450F51"/></linearGradient><radialGradient id="iqpswMS" cx="0" cy="0" r="1" gradientTransform="matrix(13.74998 -14.06245 8.72293 8.5291 6.199 26)" gradientUnits="userSpaceOnUse"><stop stopColor="#FF9130"/><stop offset="1" stopColor="#F3633D"/></radialGradient><radialGradient id="iaOgR4g" cx="0" cy="0" r="1" gradientTransform="matrix(12.87503 -12.81253 2.8651 2.87908 5.949 25.813)" gradientUnits="userSpaceOnUse"><stop stopColor="#FF994D"/><stop offset="1" stopColor="#FF994D" stopOpacity="0"/></radialGradient><radialGradient id="iR8IWHb" cx="0" cy="0" r="1" gradientTransform="rotate(135 12.398 8.577)scale(1.37002 3.11227)" gradientUnits="userSpaceOnUse"><stop offset=".177" stopColor="#FF786D"/><stop offset="1" stopColor="#FF786D" stopOpacity="0"/></radialGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iqpswMS)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iRAj20H)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iCQ4oXd)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#iaOgR4g)" d="M23.037 2.506a1.5 1.5 0 0 1 2.121 0l4.363 4.363a1.5 1.5 0 0 1 0 2.121L9.464 29.048l-6.485-6.485z"/><path fill="url(#ixIPiUd)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#iLomexe)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#iLKFBOe)" d="M2.034 29.782a.2.2 0 0 0 .219.218l6.54-.629a1 1 0 0 0 .518-.205l.153-.118l-6.484-6.485l-.101.122a1 1 0 0 0-.224.543z"/><path fill="url(#i3Gq0mb)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#iByxKAd)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#iR8IWHb)" d="m26.34 12.172l3.18-3.182a1.5 1.5 0 0 0 0-2.121l-4.363-4.363a1.5 1.5 0 0 0-2.121 0l-3.182 3.182z"/><path fill="url(#i5F8UHt)" d="m16.666 8.877l3.19-3.19l6.484 6.485l-3.19 3.19z"/><path fill="url(#ixftiIe)" d="m16.666 8.877l3.19-3.19l6.484 6.485l-3.19 3.19z"/><path fill="url(#iEB001d)" d="M2.253 30a.2.2 0 0 1-.219-.218l.218-2.3l2.296 2.297z"/><defs><linearGradient id="iRAj20H" x1="10.136" x2="11.699" y1="14.875" y2="16.375" gradientUnits="userSpaceOnUse"><stop stop-color="#EE9B6A"/><stop offset="1" stop-color="#EE9B6A" stop-opacity="0"/></linearGradient><linearGradient id="iCQ4oXd" x1="20.637" x2="18.762" y1="18.5" y2="16.938" gradientUnits="userSpaceOnUse"><stop stop-color="#E66A62"/><stop offset="1" stop-color="#E66A62" stop-opacity="0"/></linearGradient><linearGradient id="ixIPiUd" x1="3.887" x2="6.512" y1="26.094" y2="30.219" gradientUnits="userSpaceOnUse"><stop stop-color="#D8A587"/><stop offset="1" stop-color="#CE7A98"/></linearGradient><linearGradient id="iLomexe" x1="6.98" x2="6.457" y1="26.282" y2="26.812" gradientUnits="userSpaceOnUse"><stop offset=".207" stop-color="#FFC09F"/><stop offset="1" stop-color="#FCB196" stop-opacity="0"/></linearGradient><linearGradient id="iLKFBOe" x1="1.512" x2="3.637" y1="25.937" y2="26.125" gradientUnits="userSpaceOnUse"><stop stop-color="#DEBCA3"/><stop offset="1" stop-color="#DEBCA3" stop-opacity="0"/></linearGradient><linearGradient id="i3Gq0mb" x1="28.074" x2="23.949" y1="4.938" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6153"/><stop offset="1" stop-color="#FF6154"/></linearGradient><linearGradient id="iByxKAd" x1="20.762" x2="24.012" y1="4.563" y2="7.563" gradientUnits="userSpaceOnUse"><stop stop-color="#F1553E"/><stop offset="1" stop-color="#F1553E" stop-opacity="0"/></linearGradient><linearGradient id="i5F8UHt" x1="18.324" x2="22.449" y1="7.375" y2="11.125" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C4CB"/><stop offset="1" stop-color="#E8DEFA"/></linearGradient><linearGradient id="ixftiIe" x1="24.824" x2="22.512" y1="14.375" y2="12.125" gradientUnits="userSpaceOnUse"><stop stop-color="#C9B9E0"/><stop offset="1" stop-color="#C9B9E0" stop-opacity="0"/></linearGradient><linearGradient id="iEB001d" x1="2.23" x2="3.291" y1="28.531" y2="30.001" gradientUnits="userSpaceOnUse"><stop stop-color="#461E49"/><stop offset="1" stop-color="#450F51"/></linearGradient><radialGradient id="iqpswMS" cx="0" cy="0" r="1" gradientTransform="matrix(13.74998 -14.06245 8.72293 8.5291 6.199 26)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9130"/><stop offset="1" stop-color="#F3633D"/></radialGradient><radialGradient id="iaOgR4g" cx="0" cy="0" r="1" gradientTransform="matrix(12.87503 -12.81253 2.8651 2.87908 5.949 25.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF994D"/><stop offset="1" stop-color="#FF994D" stop-opacity="0"/></radialGradient><radialGradient id="iR8IWHb" cx="0" cy="0" r="1" gradientTransform="rotate(135 12.398 8.577)scale(1.37002 3.11227)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#FF786D"/><stop offset="1" stop-color="#FF786D" stop-opacity="0"/></radialGradient></defs></g></svg> </template>
CSS
.icon-pencil {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23iqpswMS)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23iRAj20H)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23iCQ4oXd)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23iaOgR4g)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23ixIPiUd)%22%20d%3D%22M2.034%2029.782a.2.2%200%200%200%20.219.218l6.54-.629a1%201%200%200%200%20.518-.205l.153-.118l-6.484-6.485l-.101.122a1%201%200%200%200-.224.543z%22%2F%3E%3Cpath%20fill%3D%22url(%23iLomexe)%22%20d%3D%22M2.034%2029.782a.2.2%200%200%200%20.219.218l6.54-.629a1%201%200%200%200%20.518-.205l.153-.118l-6.484-6.485l-.101.122a1%201%200%200%200-.224.543z%22%2F%3E%3Cpath%20fill%3D%22url(%23iLKFBOe)%22%20d%3D%22M2.034%2029.782a.2.2%200%200%200%20.219.218l6.54-.629a1%201%200%200%200%20.518-.205l.153-.118l-6.484-6.485l-.101.122a1%201%200%200%200-.224.543z%22%2F%3E%3Cpath%20fill%3D%22url(%23i3Gq0mb)%22%20d%3D%22m26.34%2012.172l3.18-3.182a1.5%201.5%200%200%200%200-2.121l-4.363-4.363a1.5%201.5%200%200%200-2.121%200l-3.182%203.182z%22%2F%3E%3Cpath%20fill%3D%22url(%23iByxKAd)%22%20d%3D%22m26.34%2012.172l3.18-3.182a1.5%201.5%200%200%200%200-2.121l-4.363-4.363a1.5%201.5%200%200%200-2.121%200l-3.182%203.182z%22%2F%3E%3Cpath%20fill%3D%22url(%23iR8IWHb)%22%20d%3D%22m26.34%2012.172l3.18-3.182a1.5%201.5%200%200%200%200-2.121l-4.363-4.363a1.5%201.5%200%200%200-2.121%200l-3.182%203.182z%22%2F%3E%3Cpath%20fill%3D%22url(%23i5F8UHt)%22%20d%3D%22m16.666%208.877l3.19-3.19l6.484%206.485l-3.19%203.19z%22%2F%3E%3Cpath%20fill%3D%22url(%23ixftiIe)%22%20d%3D%22m16.666%208.877l3.19-3.19l6.484%206.485l-3.19%203.19z%22%2F%3E%3Cpath%20fill%3D%22url(%23iEB001d)%22%20d%3D%22M2.253%2030a.2.2%200%200%201-.219-.218l.218-2.3l2.296%202.297z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iRAj20H%22%20x1%3D%2210.136%22%20x2%3D%2211.699%22%20y1%3D%2214.875%22%20y2%3D%2216.375%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EE9B6A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EE9B6A%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iCQ4oXd%22%20x1%3D%2220.637%22%20x2%3D%2218.762%22%20y1%3D%2218.5%22%20y2%3D%2216.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E66A62%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E66A62%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixIPiUd%22%20x1%3D%223.887%22%20x2%3D%226.512%22%20y1%3D%2226.094%22%20y2%3D%2230.219%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8A587%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CE7A98%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLomexe%22%20x1%3D%226.98%22%20x2%3D%226.457%22%20y1%3D%2226.282%22%20y2%3D%2226.812%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.207%22%20stop-color%3D%22%23FFC09F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FCB196%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLKFBOe%22%20x1%3D%221.512%22%20x2%3D%223.637%22%20y1%3D%2225.937%22%20y2%3D%2226.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DEBCA3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DEBCA3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3Gq0mb%22%20x1%3D%2228.074%22%20x2%3D%2223.949%22%20y1%3D%224.938%22%20y2%3D%229%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF6153%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF6154%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iByxKAd%22%20x1%3D%2220.762%22%20x2%3D%2224.012%22%20y1%3D%224.563%22%20y2%3D%227.563%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F1553E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F1553E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i5F8UHt%22%20x1%3D%2218.324%22%20x2%3D%2222.449%22%20y1%3D%227.375%22%20y2%3D%2211.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C5C4CB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E8DEFA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixftiIe%22%20x1%3D%2224.824%22%20x2%3D%2222.512%22%20y1%3D%2214.375%22%20y2%3D%2212.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C9B9E0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C9B9E0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iEB001d%22%20x1%3D%222.23%22%20x2%3D%223.291%22%20y1%3D%2228.531%22%20y2%3D%2230.001%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23461E49%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23450F51%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iqpswMS%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(13.74998%20-14.06245%208.72293%208.5291%206.199%2026)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9130%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3633D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iaOgR4g%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(12.87503%20-12.81253%202.8651%202.87908%205.949%2025.813)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF994D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF994D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iR8IWHb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%2012.398%208.577)scale(1.37002%203.11227)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.177%22%20stop-color%3D%22%23FF786D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF786D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23iqpswMS)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23iRAj20H)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23iCQ4oXd)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23iaOgR4g)%22%20d%3D%22M23.037%202.506a1.5%201.5%200%200%201%202.121%200l4.363%204.363a1.5%201.5%200%200%201%200%202.121L9.464%2029.048l-6.485-6.485z%22%2F%3E%3Cpath%20fill%3D%22url(%23ixIPiUd)%22%20d%3D%22M2.034%2029.782a.2.2%200%200%200%20.219.218l6.54-.629a1%201%200%200%200%20.518-.205l.153-.118l-6.484-6.485l-.101.122a1%201%200%200%200-.224.543z%22%2F%3E%3Cpath%20fill%3D%22url(%23iLomexe)%22%20d%3D%22M2.034%2029.782a.2.2%200%200%200%20.219.218l6.54-.629a1%201%200%200%200%20.518-.205l.153-.118l-6.484-6.485l-.101.122a1%201%200%200%200-.224.543z%22%2F%3E%3Cpath%20fill%3D%22url(%23iLKFBOe)%22%20d%3D%22M2.034%2029.782a.2.2%200%200%200%20.219.218l6.54-.629a1%201%200%200%200%20.518-.205l.153-.118l-6.484-6.485l-.101.122a1%201%200%200%200-.224.543z%22%2F%3E%3Cpath%20fill%3D%22url(%23i3Gq0mb)%22%20d%3D%22m26.34%2012.172l3.18-3.182a1.5%201.5%200%200%200%200-2.121l-4.363-4.363a1.5%201.5%200%200%200-2.121%200l-3.182%203.182z%22%2F%3E%3Cpath%20fill%3D%22url(%23iByxKAd)%22%20d%3D%22m26.34%2012.172l3.18-3.182a1.5%201.5%200%200%200%200-2.121l-4.363-4.363a1.5%201.5%200%200%200-2.121%200l-3.182%203.182z%22%2F%3E%3Cpath%20fill%3D%22url(%23iR8IWHb)%22%20d%3D%22m26.34%2012.172l3.18-3.182a1.5%201.5%200%200%200%200-2.121l-4.363-4.363a1.5%201.5%200%200%200-2.121%200l-3.182%203.182z%22%2F%3E%3Cpath%20fill%3D%22url(%23i5F8UHt)%22%20d%3D%22m16.666%208.877l3.19-3.19l6.484%206.485l-3.19%203.19z%22%2F%3E%3Cpath%20fill%3D%22url(%23ixftiIe)%22%20d%3D%22m16.666%208.877l3.19-3.19l6.484%206.485l-3.19%203.19z%22%2F%3E%3Cpath%20fill%3D%22url(%23iEB001d)%22%20d%3D%22M2.253%2030a.2.2%200%200%201-.219-.218l.218-2.3l2.296%202.297z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iRAj20H%22%20x1%3D%2210.136%22%20x2%3D%2211.699%22%20y1%3D%2214.875%22%20y2%3D%2216.375%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EE9B6A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EE9B6A%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iCQ4oXd%22%20x1%3D%2220.637%22%20x2%3D%2218.762%22%20y1%3D%2218.5%22%20y2%3D%2216.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E66A62%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E66A62%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixIPiUd%22%20x1%3D%223.887%22%20x2%3D%226.512%22%20y1%3D%2226.094%22%20y2%3D%2230.219%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8A587%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CE7A98%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLomexe%22%20x1%3D%226.98%22%20x2%3D%226.457%22%20y1%3D%2226.282%22%20y2%3D%2226.812%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.207%22%20stop-color%3D%22%23FFC09F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FCB196%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLKFBOe%22%20x1%3D%221.512%22%20x2%3D%223.637%22%20y1%3D%2225.937%22%20y2%3D%2226.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DEBCA3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DEBCA3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i3Gq0mb%22%20x1%3D%2228.074%22%20x2%3D%2223.949%22%20y1%3D%224.938%22%20y2%3D%229%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF6153%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF6154%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iByxKAd%22%20x1%3D%2220.762%22%20x2%3D%2224.012%22%20y1%3D%224.563%22%20y2%3D%227.563%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F1553E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F1553E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i5F8UHt%22%20x1%3D%2218.324%22%20x2%3D%2222.449%22%20y1%3D%227.375%22%20y2%3D%2211.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C5C4CB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E8DEFA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixftiIe%22%20x1%3D%2224.824%22%20x2%3D%2222.512%22%20y1%3D%2214.375%22%20y2%3D%2212.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C9B9E0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C9B9E0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iEB001d%22%20x1%3D%222.23%22%20x2%3D%223.291%22%20y1%3D%2228.531%22%20y2%3D%2230.001%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23461E49%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23450F51%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iqpswMS%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(13.74998%20-14.06245%208.72293%208.5291%206.199%2026)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9130%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3633D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iaOgR4g%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(12.87503%20-12.81253%202.8651%202.87908%205.949%2025.813)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF994D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF994D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iR8IWHb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(135%2012.398%208.577)scale(1.37002%203.11227)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.177%22%20stop-color%3D%22%23FF786D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF786D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/pencil.svg?color=%231a73e8&size=48