black nib emoji

black-nib from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

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

The same emoji in other sets

black-nibEmoji One (Colored)black-nibFluent Emojiblack-nibFluent Emoji Flatblack-nibFluent Emoji High Contrastblack-nibNoto Emojiblack-nibOpenMoji

More objects icons from Twitter Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblue-bookbombbookmarkbookmark-tabsbooks

Use the black nib emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M31.986 32.729a2 2 0 0 1-.987.271a2 2 0 1 1 2-2c0 .361-.104.695-.271.987l3.146 3.146L34.999 28l-9-7l-5 5l7 9l7.134.876z"/><path fill="#66757f" 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="#31373d" d="M26.643 18.309L9.44 1.105L1.107 9.44l17.202 17.202a2.95 2.95 0 0 0 4.168 0l4.166-4.168a2.945 2.945 0 0 0 0-4.165"/><path fill="#66757f" d="m8.225 16.56l8.334-8.335l2.124 2.125l-8.333 8.334z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiBlackNib(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="M31.986 32.729a2 2 0 0 1-.987.271a2 2 0 1 1 2-2c0 .361-.104.695-.271.987l3.146 3.146L34.999 28l-9-7l-5 5l7 9l7.134.876z"/><path fill="#66757f" 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="#31373d" d="M26.643 18.309L9.44 1.105L1.107 9.44l17.202 17.202a2.95 2.95 0 0 0 4.168 0l4.166-4.168a2.945 2.945 0 0 0 0-4.165"/><path fill="#66757f" d="m8.225 16.56l8.334-8.335l2.124 2.125l-8.333 8.334z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M31.986 32.729a2 2 0 0 1-.987.271a2 2 0 1 1 2-2c0 .361-.104.695-.271.987l3.146 3.146L34.999 28l-9-7l-5 5l7 9l7.134.876z"/><path fill="#66757f" 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="#31373d" d="M26.643 18.309L9.44 1.105L1.107 9.44l17.202 17.202a2.95 2.95 0 0 0 4.168 0l4.166-4.168a2.945 2.945 0 0 0 0-4.165"/><path fill="#66757f" d="m8.225 16.56l8.334-8.335l2.124 2.125l-8.333 8.334z"/></svg>
</template>

CSS

.icon-black-nib {
  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%22M31.986%2032.729a2%202%200%200%201-.987.271a2%202%200%201%201%202-2c0%20.361-.104.695-.271.987l3.146%203.146L34.999%2028l-9-7l-5%205l7%209l7.134.876z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%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%2331373d%22%20d%3D%22M26.643%2018.309L9.44%201.105L1.107%209.44l17.202%2017.202a2.95%202.95%200%200%200%204.168%200l4.166-4.168a2.945%202.945%200%200%200%200-4.165%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22m8.225%2016.56l8.334-8.335l2.124%202.125l-8.333%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%2399aab5%22%20d%3D%22M31.986%2032.729a2%202%200%200%201-.987.271a2%202%200%201%201%202-2c0%20.361-.104.695-.271.987l3.146%203.146L34.999%2028l-9-7l-5%205l7%209l7.134.876z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%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%2331373d%22%20d%3D%22M26.643%2018.309L9.44%201.105L1.107%209.44l17.202%2017.202a2.95%202.95%200%200%200%204.168%200l4.166-4.168a2.945%202.945%200%200%200%200-4.165%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22m8.225%2016.56l8.334-8.335l2.124%202.125l-8.333%208.334z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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