pen emoji
pen from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- pen
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
penBootstrap IconspenBoxIcons v2penBoxIcons v2 SolidpenCarbonpenEmoji One (Colored)penFont Awesome 6 SolidpenFont Awesome Solidpen-outlineFlowbite Iconspen-16-filledFluent UI System IconspenFluent EmojipenFluent Emoji FlatpenFluent Emoji High Contrastpencss.ggpenJam IconspenLine AwesomepenLucidepenMage IconspenMaterial Design Iconspen-fillMingCute IconpenMyna UI IconspenNoto EmojipenOpenMojipenPhosphorpen-boldSolar
More objects icons from Twitter Emoji
Use the pen emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M3.968 33.446C2.211 35.204.47 36.312.079 35.921s.718-2.132 2.475-3.889c1.757-1.758 3.498-2.866 3.889-2.475s-.718 2.131-2.475 3.889"/><path fill="#ffcc4d" d="m6.443 29.558l-2.122-2.122s-1.083 1.393-2.284 3.63C1.137 32.742.786 33.8.786 33.8l.707.707l.707.707s1.059-.352 2.734-1.251c2.237-1.201 3.629-2.284 3.629-2.284z"/><path fill="#31373d" d="M34.02 1.98c-3.535-3.536-18.164 10.297-18.871 11.004s-1.304 1.348-.928 1.724L12.1 16.829c-2.122 2.122-8.486 9.899-7.779 10.606l2.122 2.122l2.121 2.121c.707.707 8.485-5.657 10.607-7.778l2.121-2.121c.376.376 1.017-.222 1.724-.929c.707-.706 14.54-15.334 11.004-18.87"/><path fill="#ffcc4d" d="M23.016 20.851c.085-.084.362-.375.774-.817l-7.823-7.822c-.442.411-.732.689-.817.774c-.707.707-1.304 1.348-.928 1.724l3.535 3.536l3.536 3.535c.375.374 1.016-.223 1.723-.93"/><path fill="#ffac33" d="M31.212 2.001C30.285 1.074 29.048.102 27.28.986s-7.313 4.441-9.878 7.005c-1.322 1.322-1.247 2.102-.751 2.165c.821.106 1.37.088 2.122-.663c.75-.751.883-2.033.883-2.033s3.05-2.342 5.458-3.778c2.409-1.437 3.268-1.682 4.11-.84s1.988-.841 1.988-.841"/><path fill="#ffac33" d="m28.87 2.487l4.643 4.643a13 13 0 0 0 .818-2.011l-3.45-3.45c-.627.188-1.301.466-2.011.818"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M3.968 33.446C2.211 35.204.47 36.312.079 35.921s.718-2.132 2.475-3.889c1.757-1.758 3.498-2.866 3.889-2.475s-.718 2.131-2.475 3.889"/><path fill="#ffcc4d" d="m6.443 29.558l-2.122-2.122s-1.083 1.393-2.284 3.63C1.137 32.742.786 33.8.786 33.8l.707.707l.707.707s1.059-.352 2.734-1.251c2.237-1.201 3.629-2.284 3.629-2.284z"/><path fill="#31373d" d="M34.02 1.98c-3.535-3.536-18.164 10.297-18.871 11.004s-1.304 1.348-.928 1.724L12.1 16.829c-2.122 2.122-8.486 9.899-7.779 10.606l2.122 2.122l2.121 2.121c.707.707 8.485-5.657 10.607-7.778l2.121-2.121c.376.376 1.017-.222 1.724-.929c.707-.706 14.54-15.334 11.004-18.87"/><path fill="#ffcc4d" d="M23.016 20.851c.085-.084.362-.375.774-.817l-7.823-7.822c-.442.411-.732.689-.817.774c-.707.707-1.304 1.348-.928 1.724l3.535 3.536l3.536 3.535c.375.374 1.016-.223 1.723-.93"/><path fill="#ffac33" d="M31.212 2.001C30.285 1.074 29.048.102 27.28.986s-7.313 4.441-9.878 7.005c-1.322 1.322-1.247 2.102-.751 2.165c.821.106 1.37.088 2.122-.663c.75-.751.883-2.033.883-2.033s3.05-2.342 5.458-3.778c2.409-1.437 3.268-1.682 4.11-.84s1.988-.841 1.988-.841"/><path fill="#ffac33" d="m28.87 2.487l4.643 4.643a13 13 0 0 0 .818-2.011l-3.45-3.45c-.627.188-1.301.466-2.011.818"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M3.968 33.446C2.211 35.204.47 36.312.079 35.921s.718-2.132 2.475-3.889c1.757-1.758 3.498-2.866 3.889-2.475s-.718 2.131-2.475 3.889"/><path fill="#ffcc4d" d="m6.443 29.558l-2.122-2.122s-1.083 1.393-2.284 3.63C1.137 32.742.786 33.8.786 33.8l.707.707l.707.707s1.059-.352 2.734-1.251c2.237-1.201 3.629-2.284 3.629-2.284z"/><path fill="#31373d" d="M34.02 1.98c-3.535-3.536-18.164 10.297-18.871 11.004s-1.304 1.348-.928 1.724L12.1 16.829c-2.122 2.122-8.486 9.899-7.779 10.606l2.122 2.122l2.121 2.121c.707.707 8.485-5.657 10.607-7.778l2.121-2.121c.376.376 1.017-.222 1.724-.929c.707-.706 14.54-15.334 11.004-18.87"/><path fill="#ffcc4d" d="M23.016 20.851c.085-.084.362-.375.774-.817l-7.823-7.822c-.442.411-.732.689-.817.774c-.707.707-1.304 1.348-.928 1.724l3.535 3.536l3.536 3.535c.375.374 1.016-.223 1.723-.93"/><path fill="#ffac33" d="M31.212 2.001C30.285 1.074 29.048.102 27.28.986s-7.313 4.441-9.878 7.005c-1.322 1.322-1.247 2.102-.751 2.165c.821.106 1.37.088 2.122-.663c.75-.751.883-2.033.883-2.033s3.05-2.342 5.458-3.778c2.409-1.437 3.268-1.682 4.11-.84s1.988-.841 1.988-.841"/><path fill="#ffac33" d="m28.87 2.487l4.643 4.643a13 13 0 0 0 .818-2.011l-3.45-3.45c-.627.188-1.301.466-2.011.818"/></svg> </template>
CSS
.icon-pen {
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%23c1694f%22%20d%3D%22M3.968%2033.446C2.211%2035.204.47%2036.312.079%2035.921s.718-2.132%202.475-3.889c1.757-1.758%203.498-2.866%203.889-2.475s-.718%202.131-2.475%203.889%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m6.443%2029.558l-2.122-2.122s-1.083%201.393-2.284%203.63C1.137%2032.742.786%2033.8.786%2033.8l.707.707l.707.707s1.059-.352%202.734-1.251c2.237-1.201%203.629-2.284%203.629-2.284z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M34.02%201.98c-3.535-3.536-18.164%2010.297-18.871%2011.004s-1.304%201.348-.928%201.724L12.1%2016.829c-2.122%202.122-8.486%209.899-7.779%2010.606l2.122%202.122l2.121%202.121c.707.707%208.485-5.657%2010.607-7.778l2.121-2.121c.376.376%201.017-.222%201.724-.929c.707-.706%2014.54-15.334%2011.004-18.87%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M23.016%2020.851c.085-.084.362-.375.774-.817l-7.823-7.822c-.442.411-.732.689-.817.774c-.707.707-1.304%201.348-.928%201.724l3.535%203.536l3.536%203.535c.375.374%201.016-.223%201.723-.93%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M31.212%202.001C30.285%201.074%2029.048.102%2027.28.986s-7.313%204.441-9.878%207.005c-1.322%201.322-1.247%202.102-.751%202.165c.821.106%201.37.088%202.122-.663c.75-.751.883-2.033.883-2.033s3.05-2.342%205.458-3.778c2.409-1.437%203.268-1.682%204.11-.84s1.988-.841%201.988-.841%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22m28.87%202.487l4.643%204.643a13%2013%200%200%200%20.818-2.011l-3.45-3.45c-.627.188-1.301.466-2.011.818%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%23c1694f%22%20d%3D%22M3.968%2033.446C2.211%2035.204.47%2036.312.079%2035.921s.718-2.132%202.475-3.889c1.757-1.758%203.498-2.866%203.889-2.475s-.718%202.131-2.475%203.889%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m6.443%2029.558l-2.122-2.122s-1.083%201.393-2.284%203.63C1.137%2032.742.786%2033.8.786%2033.8l.707.707l.707.707s1.059-.352%202.734-1.251c2.237-1.201%203.629-2.284%203.629-2.284z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M34.02%201.98c-3.535-3.536-18.164%2010.297-18.871%2011.004s-1.304%201.348-.928%201.724L12.1%2016.829c-2.122%202.122-8.486%209.899-7.779%2010.606l2.122%202.122l2.121%202.121c.707.707%208.485-5.657%2010.607-7.778l2.121-2.121c.376.376%201.017-.222%201.724-.929c.707-.706%2014.54-15.334%2011.004-18.87%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M23.016%2020.851c.085-.084.362-.375.774-.817l-7.823-7.822c-.442.411-.732.689-.817.774c-.707.707-1.304%201.348-.928%201.724l3.535%203.536l3.536%203.535c.375.374%201.016-.223%201.723-.93%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M31.212%202.001C30.285%201.074%2029.048.102%2027.28.986s-7.313%204.441-9.878%207.005c-1.322%201.322-1.247%202.102-.751%202.165c.821.106%201.37.088%202.122-.663c.75-.751.883-2.033.883-2.033s3.05-2.342%205.458-3.778c2.409-1.437%203.268-1.682%204.11-.84s1.988-.841%201.988-.841%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22m28.87%202.487l4.643%204.643a13%2013%200%200%200%20.818-2.011l-3.45-3.45c-.627.188-1.301.466-2.011.818%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/pen.svg?color=%231a73e8&size=48
