fountain pen emoji

fountain-pen from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
fountain-pen
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

fountain-penEmoji One (Colored)fountain-penFluent Emojifountain-penFluent Emoji Flatfountain-penFluent Emoji High Contrastfountain-penMaterial Design Iconsfountain-penNoto Emojifountain-penOpenMojifountain-penStreamline Emojis

More objects icons from Twitter Emoji

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

Use the fountain pen emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M4.167 32.729c.292.167.626.271.987.271a2 2 0 1 0-2-2c0 .361.103.695.27.987L.278 35.133L1.154 28l9-7l5 5l-7 9l-7.134.876z"/><path fill="#66757f" d="M22.511 5.308a2.946 2.946 0 0 0 0 4.167l4.167 4.168a2.95 2.95 0 0 0 4.167 0l4.167-4.168a2.95 2.95 0 0 0 0-4.167l-4.167-4.167a2.946 2.946 0 0 0-4.167 0z"/><path fill="#31373d" d="M9.511 18.309L26.713 1.105l8.333 8.335l-17.201 17.203a2.95 2.95 0 0 1-4.168 0l-4.166-4.168a2.945 2.945 0 0 1 0-4.166"/><path fill="#66757f" d="m17.469 10.35l2.125-2.125l8.334 8.334l-2.125 2.125z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiFountainPen(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M4.167 32.729c.292.167.626.271.987.271a2 2 0 1 0-2-2c0 .361.103.695.27.987L.278 35.133L1.154 28l9-7l5 5l-7 9l-7.134.876z"/><path fill="#66757f" d="M22.511 5.308a2.946 2.946 0 0 0 0 4.167l4.167 4.168a2.95 2.95 0 0 0 4.167 0l4.167-4.168a2.95 2.95 0 0 0 0-4.167l-4.167-4.167a2.946 2.946 0 0 0-4.167 0z"/><path fill="#31373d" d="M9.511 18.309L26.713 1.105l8.333 8.335l-17.201 17.203a2.95 2.95 0 0 1-4.168 0l-4.166-4.168a2.945 2.945 0 0 1 0-4.166"/><path fill="#66757f" d="m17.469 10.35l2.125-2.125l8.334 8.334l-2.125 2.125z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M4.167 32.729c.292.167.626.271.987.271a2 2 0 1 0-2-2c0 .361.103.695.27.987L.278 35.133L1.154 28l9-7l5 5l-7 9l-7.134.876z"/><path fill="#66757f" d="M22.511 5.308a2.946 2.946 0 0 0 0 4.167l4.167 4.168a2.95 2.95 0 0 0 4.167 0l4.167-4.168a2.95 2.95 0 0 0 0-4.167l-4.167-4.167a2.946 2.946 0 0 0-4.167 0z"/><path fill="#31373d" d="M9.511 18.309L26.713 1.105l8.333 8.335l-17.201 17.203a2.95 2.95 0 0 1-4.168 0l-4.166-4.168a2.945 2.945 0 0 1 0-4.166"/><path fill="#66757f" d="m17.469 10.35l2.125-2.125l8.334 8.334l-2.125 2.125z"/></svg>
</template>

CSS

.icon-fountain-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%2399aab5%22%20d%3D%22M4.167%2032.729c.292.167.626.271.987.271a2%202%200%201%200-2-2c0%20.361.103.695.27.987L.278%2035.133L1.154%2028l9-7l5%205l-7%209l-7.134.876z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M22.511%205.308a2.946%202.946%200%200%200%200%204.167l4.167%204.168a2.95%202.95%200%200%200%204.167%200l4.167-4.168a2.95%202.95%200%200%200%200-4.167l-4.167-4.167a2.946%202.946%200%200%200-4.167%200z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M9.511%2018.309L26.713%201.105l8.333%208.335l-17.201%2017.203a2.95%202.95%200%200%201-4.168%200l-4.166-4.168a2.945%202.945%200%200%201%200-4.166%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22m17.469%2010.35l2.125-2.125l8.334%208.334l-2.125%202.125z%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%2399aab5%22%20d%3D%22M4.167%2032.729c.292.167.626.271.987.271a2%202%200%201%200-2-2c0%20.361.103.695.27.987L.278%2035.133L1.154%2028l9-7l5%205l-7%209l-7.134.876z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M22.511%205.308a2.946%202.946%200%200%200%200%204.167l4.167%204.168a2.95%202.95%200%200%200%204.167%200l4.167-4.168a2.95%202.95%200%200%200%200-4.167l-4.167-4.167a2.946%202.946%200%200%200-4.167%200z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M9.511%2018.309L26.713%201.105l8.333%208.335l-17.201%2017.203a2.95%202.95%200%200%201-4.168%200l-4.166-4.168a2.945%202.945%200%200%201%200-4.166%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22m17.469%2010.35l2.125-2.125l8.334%208.334l-2.125%202.125z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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