pencil emoji
pencil from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- pencil
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- 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 ContrastpencilHeroIconspencilHuge IconspencilHumbleiconspencilIconParkpencilIconPark OutlinepencilIconPark SolidpencilIonIconspencilJam IconspencilMaterial Line IconspencilLucidepencilMajesticonspencilMaterial Design Iconspencil-fillMingCute Icon
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the pencil emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF6E83" d="M462.555 51.464c-27.492-27.492-58.857-40.701-70.055-29.503l-75.72 75.72l99.558 99.558l75.72-75.72c11.198-11.198-2.011-42.562-29.503-70.055"/><path fill="#BFBCAF" d="M414.557 99.462c-31.367-31.367-67.151-46.437-79.927-33.661l-77.54 77.54L370.678 256.93l77.54-77.54c12.776-12.776-2.294-48.561-33.661-79.928"/><path fill="#2B2622" d="M115.545 449.979L47.25 479.683c-4.97 2.162-10.752-.115-12.913-5.085a9.86 9.86 0 0 1 0-7.828l29.705-68.295c8.622-19.823 31.681-28.903 51.504-20.281s28.903 31.681 20.281 51.504c-4.102 9.429-11.55 16.462-20.282 20.281"/><path fill="#FFD469" d="M403.416 223.955q.111-.155.216-.315c9.851-14.117-5.223-48.099-35.188-78.064c-29.966-29.966-63.949-45.039-78.065-35.187q-.157.104-.311.213c-.127.094-.259.183-.383.281c-.348.268-.688.551-1.007.87l-.161.161h-.001v.001L108.477 291.954s-50.978 126.152-31.77 145.359s145.359-31.77 145.359-31.77l180.2-180.2c.319-.319.603-.659.871-1.008c.097-.123.185-.254.279-.38"/><path fill="#E5AA6E" d="m108.477 291.954l-4.002 24.94c-.589 3.668 2.588 6.835 6.254 6.237l17.873-2.919c3.53-.576 6.647 2.349 6.296 5.908l-1.99 20.174c-.349 3.542 2.737 6.461 6.253 5.915l18.063-2.802c3.693-.573 6.853 2.66 6.195 6.339l-3.09 17.282c-.636 3.559 2.309 6.739 5.906 6.376l20.33-2.05c3.43-.346 6.314 2.542 5.963 5.971l-2.096 20.51c-.361 3.529 2.696 6.455 6.206 5.941l25.871-3.79l-145.8 61.009c11.631-11.631-18.485-41.748-30.117-30.117z"/><path fill="#FFB636" d="M145.892 298.543a6.79 6.79 0 0 1-4.801-11.591l150.356-150.356a6.79 6.79 0 0 1 9.602 9.603L150.693 296.554a6.77 6.77 0 0 1-4.801 1.989m43.211 36.421l150.355-150.356a6.79 6.79 0 1 0-9.602-9.603L179.5 325.362a6.79 6.79 0 0 0 9.603 9.602m38.41 38.409l150.355-150.355a6.79 6.79 0 1 0-9.602-9.603L217.91 363.771a6.79 6.79 0 0 0 9.603 9.602"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiPencil(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF6E83" d="M462.555 51.464c-27.492-27.492-58.857-40.701-70.055-29.503l-75.72 75.72l99.558 99.558l75.72-75.72c11.198-11.198-2.011-42.562-29.503-70.055"/><path fill="#BFBCAF" d="M414.557 99.462c-31.367-31.367-67.151-46.437-79.927-33.661l-77.54 77.54L370.678 256.93l77.54-77.54c12.776-12.776-2.294-48.561-33.661-79.928"/><path fill="#2B2622" d="M115.545 449.979L47.25 479.683c-4.97 2.162-10.752-.115-12.913-5.085a9.86 9.86 0 0 1 0-7.828l29.705-68.295c8.622-19.823 31.681-28.903 51.504-20.281s28.903 31.681 20.281 51.504c-4.102 9.429-11.55 16.462-20.282 20.281"/><path fill="#FFD469" d="M403.416 223.955q.111-.155.216-.315c9.851-14.117-5.223-48.099-35.188-78.064c-29.966-29.966-63.949-45.039-78.065-35.187q-.157.104-.311.213c-.127.094-.259.183-.383.281c-.348.268-.688.551-1.007.87l-.161.161h-.001v.001L108.477 291.954s-50.978 126.152-31.77 145.359s145.359-31.77 145.359-31.77l180.2-180.2c.319-.319.603-.659.871-1.008c.097-.123.185-.254.279-.38"/><path fill="#E5AA6E" d="m108.477 291.954l-4.002 24.94c-.589 3.668 2.588 6.835 6.254 6.237l17.873-2.919c3.53-.576 6.647 2.349 6.296 5.908l-1.99 20.174c-.349 3.542 2.737 6.461 6.253 5.915l18.063-2.802c3.693-.573 6.853 2.66 6.195 6.339l-3.09 17.282c-.636 3.559 2.309 6.739 5.906 6.376l20.33-2.05c3.43-.346 6.314 2.542 5.963 5.971l-2.096 20.51c-.361 3.529 2.696 6.455 6.206 5.941l25.871-3.79l-145.8 61.009c11.631-11.631-18.485-41.748-30.117-30.117z"/><path fill="#FFB636" d="M145.892 298.543a6.79 6.79 0 0 1-4.801-11.591l150.356-150.356a6.79 6.79 0 0 1 9.602 9.603L150.693 296.554a6.77 6.77 0 0 1-4.801 1.989m43.211 36.421l150.355-150.356a6.79 6.79 0 1 0-9.602-9.603L179.5 325.362a6.79 6.79 0 0 0 9.603 9.602m38.41 38.409l150.355-150.355a6.79 6.79 0 1 0-9.602-9.603L217.91 363.771a6.79 6.79 0 0 0 9.603 9.602"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF6E83" d="M462.555 51.464c-27.492-27.492-58.857-40.701-70.055-29.503l-75.72 75.72l99.558 99.558l75.72-75.72c11.198-11.198-2.011-42.562-29.503-70.055"/><path fill="#BFBCAF" d="M414.557 99.462c-31.367-31.367-67.151-46.437-79.927-33.661l-77.54 77.54L370.678 256.93l77.54-77.54c12.776-12.776-2.294-48.561-33.661-79.928"/><path fill="#2B2622" d="M115.545 449.979L47.25 479.683c-4.97 2.162-10.752-.115-12.913-5.085a9.86 9.86 0 0 1 0-7.828l29.705-68.295c8.622-19.823 31.681-28.903 51.504-20.281s28.903 31.681 20.281 51.504c-4.102 9.429-11.55 16.462-20.282 20.281"/><path fill="#FFD469" d="M403.416 223.955q.111-.155.216-.315c9.851-14.117-5.223-48.099-35.188-78.064c-29.966-29.966-63.949-45.039-78.065-35.187q-.157.104-.311.213c-.127.094-.259.183-.383.281c-.348.268-.688.551-1.007.87l-.161.161h-.001v.001L108.477 291.954s-50.978 126.152-31.77 145.359s145.359-31.77 145.359-31.77l180.2-180.2c.319-.319.603-.659.871-1.008c.097-.123.185-.254.279-.38"/><path fill="#E5AA6E" d="m108.477 291.954l-4.002 24.94c-.589 3.668 2.588 6.835 6.254 6.237l17.873-2.919c3.53-.576 6.647 2.349 6.296 5.908l-1.99 20.174c-.349 3.542 2.737 6.461 6.253 5.915l18.063-2.802c3.693-.573 6.853 2.66 6.195 6.339l-3.09 17.282c-.636 3.559 2.309 6.739 5.906 6.376l20.33-2.05c3.43-.346 6.314 2.542 5.963 5.971l-2.096 20.51c-.361 3.529 2.696 6.455 6.206 5.941l25.871-3.79l-145.8 61.009c11.631-11.631-18.485-41.748-30.117-30.117z"/><path fill="#FFB636" d="M145.892 298.543a6.79 6.79 0 0 1-4.801-11.591l150.356-150.356a6.79 6.79 0 0 1 9.602 9.603L150.693 296.554a6.77 6.77 0 0 1-4.801 1.989m43.211 36.421l150.355-150.356a6.79 6.79 0 1 0-9.602-9.603L179.5 325.362a6.79 6.79 0 0 0 9.603 9.602m38.41 38.409l150.355-150.355a6.79 6.79 0 1 0-9.602-9.603L217.91 363.771a6.79 6.79 0 0 0 9.603 9.602"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M462.555%2051.464c-27.492-27.492-58.857-40.701-70.055-29.503l-75.72%2075.72l99.558%2099.558l75.72-75.72c11.198-11.198-2.011-42.562-29.503-70.055%22%2F%3E%3Cpath%20fill%3D%22%23BFBCAF%22%20d%3D%22M414.557%2099.462c-31.367-31.367-67.151-46.437-79.927-33.661l-77.54%2077.54L370.678%20256.93l77.54-77.54c12.776-12.776-2.294-48.561-33.661-79.928%22%2F%3E%3Cpath%20fill%3D%22%232B2622%22%20d%3D%22M115.545%20449.979L47.25%20479.683c-4.97%202.162-10.752-.115-12.913-5.085a9.86%209.86%200%200%201%200-7.828l29.705-68.295c8.622-19.823%2031.681-28.903%2051.504-20.281s28.903%2031.681%2020.281%2051.504c-4.102%209.429-11.55%2016.462-20.282%2020.281%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M403.416%20223.955q.111-.155.216-.315c9.851-14.117-5.223-48.099-35.188-78.064c-29.966-29.966-63.949-45.039-78.065-35.187q-.157.104-.311.213c-.127.094-.259.183-.383.281c-.348.268-.688.551-1.007.87l-.161.161h-.001v.001L108.477%20291.954s-50.978%20126.152-31.77%20145.359s145.359-31.77%20145.359-31.77l180.2-180.2c.319-.319.603-.659.871-1.008c.097-.123.185-.254.279-.38%22%2F%3E%3Cpath%20fill%3D%22%23E5AA6E%22%20d%3D%22m108.477%20291.954l-4.002%2024.94c-.589%203.668%202.588%206.835%206.254%206.237l17.873-2.919c3.53-.576%206.647%202.349%206.296%205.908l-1.99%2020.174c-.349%203.542%202.737%206.461%206.253%205.915l18.063-2.802c3.693-.573%206.853%202.66%206.195%206.339l-3.09%2017.282c-.636%203.559%202.309%206.739%205.906%206.376l20.33-2.05c3.43-.346%206.314%202.542%205.963%205.971l-2.096%2020.51c-.361%203.529%202.696%206.455%206.206%205.941l25.871-3.79l-145.8%2061.009c11.631-11.631-18.485-41.748-30.117-30.117z%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M145.892%20298.543a6.79%206.79%200%200%201-4.801-11.591l150.356-150.356a6.79%206.79%200%200%201%209.602%209.603L150.693%20296.554a6.77%206.77%200%200%201-4.801%201.989m43.211%2036.421l150.355-150.356a6.79%206.79%200%201%200-9.602-9.603L179.5%20325.362a6.79%206.79%200%200%200%209.603%209.602m38.41%2038.409l150.355-150.355a6.79%206.79%200%201%200-9.602-9.603L217.91%20363.771a6.79%206.79%200%200%200%209.603%209.602%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M462.555%2051.464c-27.492-27.492-58.857-40.701-70.055-29.503l-75.72%2075.72l99.558%2099.558l75.72-75.72c11.198-11.198-2.011-42.562-29.503-70.055%22%2F%3E%3Cpath%20fill%3D%22%23BFBCAF%22%20d%3D%22M414.557%2099.462c-31.367-31.367-67.151-46.437-79.927-33.661l-77.54%2077.54L370.678%20256.93l77.54-77.54c12.776-12.776-2.294-48.561-33.661-79.928%22%2F%3E%3Cpath%20fill%3D%22%232B2622%22%20d%3D%22M115.545%20449.979L47.25%20479.683c-4.97%202.162-10.752-.115-12.913-5.085a9.86%209.86%200%200%201%200-7.828l29.705-68.295c8.622-19.823%2031.681-28.903%2051.504-20.281s28.903%2031.681%2020.281%2051.504c-4.102%209.429-11.55%2016.462-20.282%2020.281%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M403.416%20223.955q.111-.155.216-.315c9.851-14.117-5.223-48.099-35.188-78.064c-29.966-29.966-63.949-45.039-78.065-35.187q-.157.104-.311.213c-.127.094-.259.183-.383.281c-.348.268-.688.551-1.007.87l-.161.161h-.001v.001L108.477%20291.954s-50.978%20126.152-31.77%20145.359s145.359-31.77%20145.359-31.77l180.2-180.2c.319-.319.603-.659.871-1.008c.097-.123.185-.254.279-.38%22%2F%3E%3Cpath%20fill%3D%22%23E5AA6E%22%20d%3D%22m108.477%20291.954l-4.002%2024.94c-.589%203.668%202.588%206.835%206.254%206.237l17.873-2.919c3.53-.576%206.647%202.349%206.296%205.908l-1.99%2020.174c-.349%203.542%202.737%206.461%206.253%205.915l18.063-2.802c3.693-.573%206.853%202.66%206.195%206.339l-3.09%2017.282c-.636%203.559%202.309%206.739%205.906%206.376l20.33-2.05c3.43-.346%206.314%202.542%205.963%205.971l-2.096%2020.51c-.361%203.529%202.696%206.455%206.206%205.941l25.871-3.79l-145.8%2061.009c11.631-11.631-18.485-41.748-30.117-30.117z%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M145.892%20298.543a6.79%206.79%200%200%201-4.801-11.591l150.356-150.356a6.79%206.79%200%200%201%209.602%209.603L150.693%20296.554a6.77%206.77%200%200%201-4.801%201.989m43.211%2036.421l150.355-150.356a6.79%206.79%200%201%200-9.602-9.603L179.5%20325.362a6.79%206.79%200%200%200%209.603%209.602m38.41%2038.409l150.355-150.355a6.79%206.79%200%201%200-9.602-9.603L217.91%20363.771a6.79%206.79%200%200%200%209.603%209.602%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/pencil.svg?color=%231a73e8&size=48
