pencil emoji

pencil from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name
pencil
Set
Noto Emoji
Style
Default
Category
Objects
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

pencilAkar IconspencilBootstrap IconspencilBoxIcons v2pencilBoxIcons v2 SolidpencilEmoji One (Colored)pencilFramework7 IconspencilFont Awesome 6 SolidpencilFont Awesome SolidpencilFluent EmojipencilFluent Emoji FlatpencilFluent Emoji High ContrastpencilFirefox OS EmojipencilHeroIconspencilHuge IconspencilHumbleiconspencilIconParkpencilIconPark OutlinepencilIconPark SolidpencilIonIconspencilJam IconspencilMaterial Line IconspencilLucidepencilMajesticonspencilMaterial Design Icons

More objects icons from Noto Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the pencil emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffecb3" d="m123.87 118.8l-6.18-16.49l-4.25-11.35c-.96-2.93-1.14-4.14-2.77-5.77L98.85 73.37L73.39 98.83l11.83 11.83c.97.97 2.83 1.8 5.76 2.76l11.35 4.25l16.49 6.18c3.11 1.01 6.06-1.94 5.05-5.05"/><path fill="none" d="m85.65 106.83l-.03-.03zM106.8 85.6l.21.21c-.07-.07-.12-.16-.19-.23z"/><path fill="#616161" d="m118.82 123.85l-13.66-5.12s5.64-.32 9.45-4.13s4.14-9.46 4.14-9.46l5.12 13.66c1.01 3.11-1.94 6.06-5.05 5.05"/><path fill="#ef5350" d="M43.18 17.71L37.77 37l-20.04 6.16L6.41 31.85c-3.12-3.12-4.6-9.34 3.67-17.61l4.99-4.99c7.15-7.15 13.68-5.98 16.8-2.86z"/><path fill="#ffc107" d="m34.27 44.64l10.37-10.37l60.23 60.23s1.23 5.12-1.9 8.25s-8.47 2.12-8.47 2.12z"/><path fill="#ffa000" d="m26.73 52.18l58.58 58.58c9.46 2.06 9.05-6.03 9.05-6.03L34.27 44.64z"/><path fill="#fdd835" d="m44.65 34.26l60.09 60.09s10.82 0 5.87-9.21L52.19 26.72z"/><path fill="#d1762c" d="M94.27 106.04L33.66 45.43l1.41-1.41l61 61l-1.57-.16z"/><path fill="#f19534" d="M105.11 96.15L40.15 31.19l1.42-1.41l64.47 64.47l-1.17.24z"/><path fill="#4e342e" d="M52.19 26.72s-5.47 8.09-10 12.67c-8.67 8.74-15.46 12.79-15.46 12.79l1.75 1.75c2.49-.97 8.86-3.88 15.22-10.23c6.4-6.4 9.42-12.65 10.43-15.04z" opacity=".2"/><path fill="#94d1e0" d="M23.49 51.9c.56.56 1.35.81 2.13.68c0 0 8.19-2.5 16.33-10.64s10.83-16.07 10.83-16.07c.13-.78-.12-1.58-.68-2.14l-8.58-8.58c-.36-.36-.86-.55-1.36-.49c-.17.02-.34.04-.52.07c-.68.1-1.22.6-1.41 1.26c0 0-3.92 7.6-10.38 14.05S15.51 40.25 15.51 40.25c-.66.18-1.17.71-1.27 1.39v.02c-.08.54.1 1.08.48 1.46z"/><ellipse cx="15.05" cy="15.04" fill="#ff8383" rx="15.03" ry="4.45" transform="rotate(-45 15.053 15.045)"/><path fill="#b9e4ea" d="M41.61 21.74c-3.29 6.3-8.7 11.47-15.14 14.46c-.42.19-1.01.33-1.26-.05c-.19-.3-.02-.68.17-.98c.84-1.3 2-2.35 3.12-3.42c2.92-2.8 5.6-5.84 8.01-9.08c1.23-1.65 2.38-3.35 3.46-5.1c.6-.96 1.67-2.99 3.04-1.56c1.19 1.23-.77 4.52-1.4 5.73m-3.73 11.73c-.26.27-.53.54-.66.89s-.08.8.22 1.02c.25.19.59.17.9.12c1.73-.27 3.26-1.25 4.61-2.35c2.95-2.39 5.45-5.71 5.69-9.5c.03-.45.02-.92-.18-1.32c-1.27-2.51-3.96 3.1-4.49 3.89c-1.77 2.63-3.88 4.99-6.09 7.25"/></svg>

React

import type { SVGProps } from "react";

export function NotoPencil(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffecb3" d="m123.87 118.8l-6.18-16.49l-4.25-11.35c-.96-2.93-1.14-4.14-2.77-5.77L98.85 73.37L73.39 98.83l11.83 11.83c.97.97 2.83 1.8 5.76 2.76l11.35 4.25l16.49 6.18c3.11 1.01 6.06-1.94 5.05-5.05"/><path fill="none" d="m85.65 106.83l-.03-.03zM106.8 85.6l.21.21c-.07-.07-.12-.16-.19-.23z"/><path fill="#616161" d="m118.82 123.85l-13.66-5.12s5.64-.32 9.45-4.13s4.14-9.46 4.14-9.46l5.12 13.66c1.01 3.11-1.94 6.06-5.05 5.05"/><path fill="#ef5350" d="M43.18 17.71L37.77 37l-20.04 6.16L6.41 31.85c-3.12-3.12-4.6-9.34 3.67-17.61l4.99-4.99c7.15-7.15 13.68-5.98 16.8-2.86z"/><path fill="#ffc107" d="m34.27 44.64l10.37-10.37l60.23 60.23s1.23 5.12-1.9 8.25s-8.47 2.12-8.47 2.12z"/><path fill="#ffa000" d="m26.73 52.18l58.58 58.58c9.46 2.06 9.05-6.03 9.05-6.03L34.27 44.64z"/><path fill="#fdd835" d="m44.65 34.26l60.09 60.09s10.82 0 5.87-9.21L52.19 26.72z"/><path fill="#d1762c" d="M94.27 106.04L33.66 45.43l1.41-1.41l61 61l-1.57-.16z"/><path fill="#f19534" d="M105.11 96.15L40.15 31.19l1.42-1.41l64.47 64.47l-1.17.24z"/><path fill="#4e342e" d="M52.19 26.72s-5.47 8.09-10 12.67c-8.67 8.74-15.46 12.79-15.46 12.79l1.75 1.75c2.49-.97 8.86-3.88 15.22-10.23c6.4-6.4 9.42-12.65 10.43-15.04z" opacity=".2"/><path fill="#94d1e0" d="M23.49 51.9c.56.56 1.35.81 2.13.68c0 0 8.19-2.5 16.33-10.64s10.83-16.07 10.83-16.07c.13-.78-.12-1.58-.68-2.14l-8.58-8.58c-.36-.36-.86-.55-1.36-.49c-.17.02-.34.04-.52.07c-.68.1-1.22.6-1.41 1.26c0 0-3.92 7.6-10.38 14.05S15.51 40.25 15.51 40.25c-.66.18-1.17.71-1.27 1.39v.02c-.08.54.1 1.08.48 1.46z"/><ellipse cx="15.05" cy="15.04" fill="#ff8383" rx="15.03" ry="4.45" transform="rotate(-45 15.053 15.045)"/><path fill="#b9e4ea" d="M41.61 21.74c-3.29 6.3-8.7 11.47-15.14 14.46c-.42.19-1.01.33-1.26-.05c-.19-.3-.02-.68.17-.98c.84-1.3 2-2.35 3.12-3.42c2.92-2.8 5.6-5.84 8.01-9.08c1.23-1.65 2.38-3.35 3.46-5.1c.6-.96 1.67-2.99 3.04-1.56c1.19 1.23-.77 4.52-1.4 5.73m-3.73 11.73c-.26.27-.53.54-.66.89s-.08.8.22 1.02c.25.19.59.17.9.12c1.73-.27 3.26-1.25 4.61-2.35c2.95-2.39 5.45-5.71 5.69-9.5c.03-.45.02-.92-.18-1.32c-1.27-2.51-3.96 3.1-4.49 3.89c-1.77 2.63-3.88 4.99-6.09 7.25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffecb3" d="m123.87 118.8l-6.18-16.49l-4.25-11.35c-.96-2.93-1.14-4.14-2.77-5.77L98.85 73.37L73.39 98.83l11.83 11.83c.97.97 2.83 1.8 5.76 2.76l11.35 4.25l16.49 6.18c3.11 1.01 6.06-1.94 5.05-5.05"/><path fill="none" d="m85.65 106.83l-.03-.03zM106.8 85.6l.21.21c-.07-.07-.12-.16-.19-.23z"/><path fill="#616161" d="m118.82 123.85l-13.66-5.12s5.64-.32 9.45-4.13s4.14-9.46 4.14-9.46l5.12 13.66c1.01 3.11-1.94 6.06-5.05 5.05"/><path fill="#ef5350" d="M43.18 17.71L37.77 37l-20.04 6.16L6.41 31.85c-3.12-3.12-4.6-9.34 3.67-17.61l4.99-4.99c7.15-7.15 13.68-5.98 16.8-2.86z"/><path fill="#ffc107" d="m34.27 44.64l10.37-10.37l60.23 60.23s1.23 5.12-1.9 8.25s-8.47 2.12-8.47 2.12z"/><path fill="#ffa000" d="m26.73 52.18l58.58 58.58c9.46 2.06 9.05-6.03 9.05-6.03L34.27 44.64z"/><path fill="#fdd835" d="m44.65 34.26l60.09 60.09s10.82 0 5.87-9.21L52.19 26.72z"/><path fill="#d1762c" d="M94.27 106.04L33.66 45.43l1.41-1.41l61 61l-1.57-.16z"/><path fill="#f19534" d="M105.11 96.15L40.15 31.19l1.42-1.41l64.47 64.47l-1.17.24z"/><path fill="#4e342e" d="M52.19 26.72s-5.47 8.09-10 12.67c-8.67 8.74-15.46 12.79-15.46 12.79l1.75 1.75c2.49-.97 8.86-3.88 15.22-10.23c6.4-6.4 9.42-12.65 10.43-15.04z" opacity=".2"/><path fill="#94d1e0" d="M23.49 51.9c.56.56 1.35.81 2.13.68c0 0 8.19-2.5 16.33-10.64s10.83-16.07 10.83-16.07c.13-.78-.12-1.58-.68-2.14l-8.58-8.58c-.36-.36-.86-.55-1.36-.49c-.17.02-.34.04-.52.07c-.68.1-1.22.6-1.41 1.26c0 0-3.92 7.6-10.38 14.05S15.51 40.25 15.51 40.25c-.66.18-1.17.71-1.27 1.39v.02c-.08.54.1 1.08.48 1.46z"/><ellipse cx="15.05" cy="15.04" fill="#ff8383" rx="15.03" ry="4.45" transform="rotate(-45 15.053 15.045)"/><path fill="#b9e4ea" d="M41.61 21.74c-3.29 6.3-8.7 11.47-15.14 14.46c-.42.19-1.01.33-1.26-.05c-.19-.3-.02-.68.17-.98c.84-1.3 2-2.35 3.12-3.42c2.92-2.8 5.6-5.84 8.01-9.08c1.23-1.65 2.38-3.35 3.46-5.1c.6-.96 1.67-2.99 3.04-1.56c1.19 1.23-.77 4.52-1.4 5.73m-3.73 11.73c-.26.27-.53.54-.66.89s-.08.8.22 1.02c.25.19.59.17.9.12c1.73-.27 3.26-1.25 4.61-2.35c2.95-2.39 5.45-5.71 5.69-9.5c.03-.45.02-.92-.18-1.32c-1.27-2.51-3.96 3.1-4.49 3.89c-1.77 2.63-3.88 4.99-6.09 7.25"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffecb3%22%20d%3D%22m123.87%20118.8l-6.18-16.49l-4.25-11.35c-.96-2.93-1.14-4.14-2.77-5.77L98.85%2073.37L73.39%2098.83l11.83%2011.83c.97.97%202.83%201.8%205.76%202.76l11.35%204.25l16.49%206.18c3.11%201.01%206.06-1.94%205.05-5.05%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m85.65%20106.83l-.03-.03zM106.8%2085.6l.21.21c-.07-.07-.12-.16-.19-.23z%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22m118.82%20123.85l-13.66-5.12s5.64-.32%209.45-4.13s4.14-9.46%204.14-9.46l5.12%2013.66c1.01%203.11-1.94%206.06-5.05%205.05%22%2F%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M43.18%2017.71L37.77%2037l-20.04%206.16L6.41%2031.85c-3.12-3.12-4.6-9.34%203.67-17.61l4.99-4.99c7.15-7.15%2013.68-5.98%2016.8-2.86z%22%2F%3E%3Cpath%20fill%3D%22%23ffc107%22%20d%3D%22m34.27%2044.64l10.37-10.37l60.23%2060.23s1.23%205.12-1.9%208.25s-8.47%202.12-8.47%202.12z%22%2F%3E%3Cpath%20fill%3D%22%23ffa000%22%20d%3D%22m26.73%2052.18l58.58%2058.58c9.46%202.06%209.05-6.03%209.05-6.03L34.27%2044.64z%22%2F%3E%3Cpath%20fill%3D%22%23fdd835%22%20d%3D%22m44.65%2034.26l60.09%2060.09s10.82%200%205.87-9.21L52.19%2026.72z%22%2F%3E%3Cpath%20fill%3D%22%23d1762c%22%20d%3D%22M94.27%20106.04L33.66%2045.43l1.41-1.41l61%2061l-1.57-.16z%22%2F%3E%3Cpath%20fill%3D%22%23f19534%22%20d%3D%22M105.11%2096.15L40.15%2031.19l1.42-1.41l64.47%2064.47l-1.17.24z%22%2F%3E%3Cpath%20fill%3D%22%234e342e%22%20d%3D%22M52.19%2026.72s-5.47%208.09-10%2012.67c-8.67%208.74-15.46%2012.79-15.46%2012.79l1.75%201.75c2.49-.97%208.86-3.88%2015.22-10.23c6.4-6.4%209.42-12.65%2010.43-15.04z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%2394d1e0%22%20d%3D%22M23.49%2051.9c.56.56%201.35.81%202.13.68c0%200%208.19-2.5%2016.33-10.64s10.83-16.07%2010.83-16.07c.13-.78-.12-1.58-.68-2.14l-8.58-8.58c-.36-.36-.86-.55-1.36-.49c-.17.02-.34.04-.52.07c-.68.1-1.22.6-1.41%201.26c0%200-3.92%207.6-10.38%2014.05S15.51%2040.25%2015.51%2040.25c-.66.18-1.17.71-1.27%201.39v.02c-.08.54.1%201.08.48%201.46z%22%2F%3E%3Cellipse%20cx%3D%2215.05%22%20cy%3D%2215.04%22%20fill%3D%22%23ff8383%22%20rx%3D%2215.03%22%20ry%3D%224.45%22%20transform%3D%22rotate(-45%2015.053%2015.045)%22%2F%3E%3Cpath%20fill%3D%22%23b9e4ea%22%20d%3D%22M41.61%2021.74c-3.29%206.3-8.7%2011.47-15.14%2014.46c-.42.19-1.01.33-1.26-.05c-.19-.3-.02-.68.17-.98c.84-1.3%202-2.35%203.12-3.42c2.92-2.8%205.6-5.84%208.01-9.08c1.23-1.65%202.38-3.35%203.46-5.1c.6-.96%201.67-2.99%203.04-1.56c1.19%201.23-.77%204.52-1.4%205.73m-3.73%2011.73c-.26.27-.53.54-.66.89s-.08.8.22%201.02c.25.19.59.17.9.12c1.73-.27%203.26-1.25%204.61-2.35c2.95-2.39%205.45-5.71%205.69-9.5c.03-.45.02-.92-.18-1.32c-1.27-2.51-3.96%203.1-4.49%203.89c-1.77%202.63-3.88%204.99-6.09%207.25%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffecb3%22%20d%3D%22m123.87%20118.8l-6.18-16.49l-4.25-11.35c-.96-2.93-1.14-4.14-2.77-5.77L98.85%2073.37L73.39%2098.83l11.83%2011.83c.97.97%202.83%201.8%205.76%202.76l11.35%204.25l16.49%206.18c3.11%201.01%206.06-1.94%205.05-5.05%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m85.65%20106.83l-.03-.03zM106.8%2085.6l.21.21c-.07-.07-.12-.16-.19-.23z%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22m118.82%20123.85l-13.66-5.12s5.64-.32%209.45-4.13s4.14-9.46%204.14-9.46l5.12%2013.66c1.01%203.11-1.94%206.06-5.05%205.05%22%2F%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M43.18%2017.71L37.77%2037l-20.04%206.16L6.41%2031.85c-3.12-3.12-4.6-9.34%203.67-17.61l4.99-4.99c7.15-7.15%2013.68-5.98%2016.8-2.86z%22%2F%3E%3Cpath%20fill%3D%22%23ffc107%22%20d%3D%22m34.27%2044.64l10.37-10.37l60.23%2060.23s1.23%205.12-1.9%208.25s-8.47%202.12-8.47%202.12z%22%2F%3E%3Cpath%20fill%3D%22%23ffa000%22%20d%3D%22m26.73%2052.18l58.58%2058.58c9.46%202.06%209.05-6.03%209.05-6.03L34.27%2044.64z%22%2F%3E%3Cpath%20fill%3D%22%23fdd835%22%20d%3D%22m44.65%2034.26l60.09%2060.09s10.82%200%205.87-9.21L52.19%2026.72z%22%2F%3E%3Cpath%20fill%3D%22%23d1762c%22%20d%3D%22M94.27%20106.04L33.66%2045.43l1.41-1.41l61%2061l-1.57-.16z%22%2F%3E%3Cpath%20fill%3D%22%23f19534%22%20d%3D%22M105.11%2096.15L40.15%2031.19l1.42-1.41l64.47%2064.47l-1.17.24z%22%2F%3E%3Cpath%20fill%3D%22%234e342e%22%20d%3D%22M52.19%2026.72s-5.47%208.09-10%2012.67c-8.67%208.74-15.46%2012.79-15.46%2012.79l1.75%201.75c2.49-.97%208.86-3.88%2015.22-10.23c6.4-6.4%209.42-12.65%2010.43-15.04z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%2394d1e0%22%20d%3D%22M23.49%2051.9c.56.56%201.35.81%202.13.68c0%200%208.19-2.5%2016.33-10.64s10.83-16.07%2010.83-16.07c.13-.78-.12-1.58-.68-2.14l-8.58-8.58c-.36-.36-.86-.55-1.36-.49c-.17.02-.34.04-.52.07c-.68.1-1.22.6-1.41%201.26c0%200-3.92%207.6-10.38%2014.05S15.51%2040.25%2015.51%2040.25c-.66.18-1.17.71-1.27%201.39v.02c-.08.54.1%201.08.48%201.46z%22%2F%3E%3Cellipse%20cx%3D%2215.05%22%20cy%3D%2215.04%22%20fill%3D%22%23ff8383%22%20rx%3D%2215.03%22%20ry%3D%224.45%22%20transform%3D%22rotate(-45%2015.053%2015.045)%22%2F%3E%3Cpath%20fill%3D%22%23b9e4ea%22%20d%3D%22M41.61%2021.74c-3.29%206.3-8.7%2011.47-15.14%2014.46c-.42.19-1.01.33-1.26-.05c-.19-.3-.02-.68.17-.98c.84-1.3%202-2.35%203.12-3.42c2.92-2.8%205.6-5.84%208.01-9.08c1.23-1.65%202.38-3.35%203.46-5.1c.6-.96%201.67-2.99%203.04-1.56c1.19%201.23-.77%204.52-1.4%205.73m-3.73%2011.73c-.26.27-.53.54-.66.89s-.08.8.22%201.02c.25.19.59.17.9.12c1.73-.27%203.26-1.25%204.61-2.35c2.95-2.39%205.45-5.71%205.69-9.5c.03-.45.02-.92-.18-1.32c-1.27-2.51-3.96%203.1-4.49%203.89c-1.77%202.63-3.88%204.99-6.09%207.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/pencil.svg?color=%231a73e8&size=48