pencil emoji
pencil from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- pencil
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.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 Twitter Emoji
Use the pencil emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M35.222 33.598c-.647-2.101-1.705-6.059-2.325-7.566c-.501-1.216-.969-2.438-1.544-3.014s-1.553-.53-2.143.058c0 0-2.469 1.675-3.354 2.783c-1.108.882-2.785 3.357-2.785 3.357c-.59.59-.635 1.567-.06 2.143c.576.575 1.798 1.043 3.015 1.544c1.506.62 5.465 1.676 7.566 2.325c.359.11 1.74-1.271 1.63-1.63"/><path fill="#ea596e" d="M13.643 5.308a2.946 2.946 0 0 1 0 4.167l-4.167 4.168a2.95 2.95 0 0 1-4.167 0L1.141 9.475a2.95 2.95 0 0 1 0-4.167l4.167-4.167a2.946 2.946 0 0 1 4.167 0z"/><path fill="#ffcc4d" d="m31.353 23.018l-4.17 4.17l-4.163 4.165L7.392 15.726l8.335-8.334z"/><path fill="#292f33" d="M32.078 34.763s2.709 1.489 3.441.757s-.765-3.435-.765-3.435s-2.566.048-2.676 2.678"/><path fill="#ccd6dd" d="m2.183 10.517l8.335-8.335l5.208 5.209l-8.334 8.335z"/><path fill="#99aab5" d="m3.225 11.558l8.334-8.334l1.042 1.042L4.267 12.6zm2.083 2.086l8.335-8.335l1.042 1.042l-8.335 8.334z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPencil(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M35.222 33.598c-.647-2.101-1.705-6.059-2.325-7.566c-.501-1.216-.969-2.438-1.544-3.014s-1.553-.53-2.143.058c0 0-2.469 1.675-3.354 2.783c-1.108.882-2.785 3.357-2.785 3.357c-.59.59-.635 1.567-.06 2.143c.576.575 1.798 1.043 3.015 1.544c1.506.62 5.465 1.676 7.566 2.325c.359.11 1.74-1.271 1.63-1.63"/><path fill="#ea596e" d="M13.643 5.308a2.946 2.946 0 0 1 0 4.167l-4.167 4.168a2.95 2.95 0 0 1-4.167 0L1.141 9.475a2.95 2.95 0 0 1 0-4.167l4.167-4.167a2.946 2.946 0 0 1 4.167 0z"/><path fill="#ffcc4d" d="m31.353 23.018l-4.17 4.17l-4.163 4.165L7.392 15.726l8.335-8.334z"/><path fill="#292f33" d="M32.078 34.763s2.709 1.489 3.441.757s-.765-3.435-.765-3.435s-2.566.048-2.676 2.678"/><path fill="#ccd6dd" d="m2.183 10.517l8.335-8.335l5.208 5.209l-8.334 8.335z"/><path fill="#99aab5" d="m3.225 11.558l8.334-8.334l1.042 1.042L4.267 12.6zm2.083 2.086l8.335-8.335l1.042 1.042l-8.335 8.334z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M35.222 33.598c-.647-2.101-1.705-6.059-2.325-7.566c-.501-1.216-.969-2.438-1.544-3.014s-1.553-.53-2.143.058c0 0-2.469 1.675-3.354 2.783c-1.108.882-2.785 3.357-2.785 3.357c-.59.59-.635 1.567-.06 2.143c.576.575 1.798 1.043 3.015 1.544c1.506.62 5.465 1.676 7.566 2.325c.359.11 1.74-1.271 1.63-1.63"/><path fill="#ea596e" d="M13.643 5.308a2.946 2.946 0 0 1 0 4.167l-4.167 4.168a2.95 2.95 0 0 1-4.167 0L1.141 9.475a2.95 2.95 0 0 1 0-4.167l4.167-4.167a2.946 2.946 0 0 1 4.167 0z"/><path fill="#ffcc4d" d="m31.353 23.018l-4.17 4.17l-4.163 4.165L7.392 15.726l8.335-8.334z"/><path fill="#292f33" d="M32.078 34.763s2.709 1.489 3.441.757s-.765-3.435-.765-3.435s-2.566.048-2.676 2.678"/><path fill="#ccd6dd" d="m2.183 10.517l8.335-8.335l5.208 5.209l-8.334 8.335z"/><path fill="#99aab5" d="m3.225 11.558l8.334-8.334l1.042 1.042L4.267 12.6zm2.083 2.086l8.335-8.335l1.042 1.042l-8.335 8.334z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M35.222%2033.598c-.647-2.101-1.705-6.059-2.325-7.566c-.501-1.216-.969-2.438-1.544-3.014s-1.553-.53-2.143.058c0%200-2.469%201.675-3.354%202.783c-1.108.882-2.785%203.357-2.785%203.357c-.59.59-.635%201.567-.06%202.143c.576.575%201.798%201.043%203.015%201.544c1.506.62%205.465%201.676%207.566%202.325c.359.11%201.74-1.271%201.63-1.63%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M13.643%205.308a2.946%202.946%200%200%201%200%204.167l-4.167%204.168a2.95%202.95%200%200%201-4.167%200L1.141%209.475a2.95%202.95%200%200%201%200-4.167l4.167-4.167a2.946%202.946%200%200%201%204.167%200z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m31.353%2023.018l-4.17%204.17l-4.163%204.165L7.392%2015.726l8.335-8.334z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M32.078%2034.763s2.709%201.489%203.441.757s-.765-3.435-.765-3.435s-2.566.048-2.676%202.678%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m2.183%2010.517l8.335-8.335l5.208%205.209l-8.334%208.335z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m3.225%2011.558l8.334-8.334l1.042%201.042L4.267%2012.6zm2.083%202.086l8.335-8.335l1.042%201.042l-8.335%208.334z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M35.222%2033.598c-.647-2.101-1.705-6.059-2.325-7.566c-.501-1.216-.969-2.438-1.544-3.014s-1.553-.53-2.143.058c0%200-2.469%201.675-3.354%202.783c-1.108.882-2.785%203.357-2.785%203.357c-.59.59-.635%201.567-.06%202.143c.576.575%201.798%201.043%203.015%201.544c1.506.62%205.465%201.676%207.566%202.325c.359.11%201.74-1.271%201.63-1.63%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M13.643%205.308a2.946%202.946%200%200%201%200%204.167l-4.167%204.168a2.95%202.95%200%200%201-4.167%200L1.141%209.475a2.95%202.95%200%200%201%200-4.167l4.167-4.167a2.946%202.946%200%200%201%204.167%200z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m31.353%2023.018l-4.17%204.17l-4.163%204.165L7.392%2015.726l8.335-8.334z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M32.078%2034.763s2.709%201.489%203.441.757s-.765-3.435-.765-3.435s-2.566.048-2.676%202.678%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m2.183%2010.517l8.335-8.335l5.208%205.209l-8.334%208.335z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m3.225%2011.558l8.334-8.334l1.042%201.042L4.267%2012.6zm2.083%202.086l8.335-8.335l1.042%201.042l-8.335%208.334z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/pencil.svg?color=%231a73e8&size=48
