spiral notepad emoji

spiral-notepad from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

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

The same emoji in other sets

spiral-notepadEmoji One (Colored)spiral-notepadFluent Emojispiral-notepadFluent Emoji Flatspiral-notepadFluent Emoji High Contrastspiral-notepadNoto Emojispiral-notepadOpenMoji

More objects icons from Twitter Emoji

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

Use the spiral notepad emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M27.815 4h1.996v2.391h-1.996z"/><path fill="#55acee" d="M29 4H9a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4"/><path fill="#ccd6dd" d="M27 4H7a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4"/><path fill="#99aab5" d="M28 15a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m-8 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1"/><path fill="#292f33" d="M7.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.27.667 1.27 1.489s-.569 1.489-1.27 1.489"/><path fill="#66757f" d="M8.543 7.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.021-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.76.276 1.224-.447 1.16-1.026"/><path fill="#292f33" d="M13.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.27.667 1.27 1.489s-.569 1.489-1.27 1.489"/><path fill="#66757f" d="M14.543 7.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.76.276 1.224-.447 1.16-1.026"/><path fill="#292f33" d="M19.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.271.667 1.271 1.489c-.001.822-.57 1.489-1.271 1.489"/><path fill="#66757f" d="M20.543 7.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.759.276 1.223-.447 1.159-1.026"/><path fill="#292f33" d="M25.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.271.667 1.271 1.489c-.001.822-.57 1.489-1.271 1.489"/><path fill="#66757f" d="M26.543 7.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.759.276 1.223-.447 1.159-1.026"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiSpiralNotepad(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M27.815 4h1.996v2.391h-1.996z"/><path fill="#55acee" d="M29 4H9a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4"/><path fill="#ccd6dd" d="M27 4H7a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4"/><path fill="#99aab5" d="M28 15a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m-8 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1"/><path fill="#292f33" d="M7.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.27.667 1.27 1.489s-.569 1.489-1.27 1.489"/><path fill="#66757f" d="M8.543 7.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.021-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.76.276 1.224-.447 1.16-1.026"/><path fill="#292f33" d="M13.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.27.667 1.27 1.489s-.569 1.489-1.27 1.489"/><path fill="#66757f" d="M14.543 7.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.76.276 1.224-.447 1.16-1.026"/><path fill="#292f33" d="M19.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.271.667 1.271 1.489c-.001.822-.57 1.489-1.271 1.489"/><path fill="#66757f" d="M20.543 7.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.759.276 1.223-.447 1.159-1.026"/><path fill="#292f33" d="M25.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.271.667 1.271 1.489c-.001.822-.57 1.489-1.271 1.489"/><path fill="#66757f" d="M26.543 7.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.759.276 1.223-.447 1.159-1.026"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M27.815 4h1.996v2.391h-1.996z"/><path fill="#55acee" d="M29 4H9a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4"/><path fill="#ccd6dd" d="M27 4H7a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4"/><path fill="#99aab5" d="M28 15a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m-8 5a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1"/><path fill="#292f33" d="M7.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.27.667 1.27 1.489s-.569 1.489-1.27 1.489"/><path fill="#66757f" d="M8.543 7.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.021-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.76.276 1.224-.447 1.16-1.026"/><path fill="#292f33" d="M13.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.27.667 1.27 1.489s-.569 1.489-1.27 1.489"/><path fill="#66757f" d="M14.543 7.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.76.276 1.224-.447 1.16-1.026"/><path fill="#292f33" d="M19.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.271.667 1.271 1.489c-.001.822-.57 1.489-1.271 1.489"/><path fill="#66757f" d="M20.543 7.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.759.276 1.223-.447 1.159-1.026"/><path fill="#292f33" d="M25.836 8.731c-.702 0-1.271-.666-1.271-1.489c0-.822.569-1.489 1.271-1.489c.701 0 1.271.667 1.271 1.489c-.001.822-.57 1.489-1.271 1.489"/><path fill="#66757f" d="M26.543 7.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934 0-3.5 1.819-3.5 4.005c0 1.853 1.045 3.371 2.569 3.926c.759.276 1.223-.447 1.159-1.026"/></svg>
</template>

CSS

.icon-spiral-notepad {
  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%2366757f%22%20d%3D%22M27.815%204h1.996v2.391h-1.996z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M29%204H9a4%204%200%200%200-4%204v24a4%204%200%200%200%204%204h20a4%204%200%200%200%204-4V8a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M27%204H7a4%204%200%200%200-4%204v24a4%204%200%200%200%204%204h20a4%204%200%200%200%204-4V8a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M28%2015a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%205a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%205a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m-8%205a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h12a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M7.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.27.667%201.27%201.489s-.569%201.489-1.27%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M8.543%207.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.021-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.76.276%201.224-.447%201.16-1.026%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M13.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.27.667%201.27%201.489s-.569%201.489-1.27%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M14.543%207.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.76.276%201.224-.447%201.16-1.026%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.271.667%201.271%201.489c-.001.822-.57%201.489-1.271%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M20.543%207.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.759.276%201.223-.447%201.159-1.026%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.271.667%201.271%201.489c-.001.822-.57%201.489-1.271%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M26.543%207.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.759.276%201.223-.447%201.159-1.026%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%2366757f%22%20d%3D%22M27.815%204h1.996v2.391h-1.996z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M29%204H9a4%204%200%200%200-4%204v24a4%204%200%200%200%204%204h20a4%204%200%200%200%204-4V8a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M27%204H7a4%204%200%200%200-4%204v24a4%204%200%200%200%204%204h20a4%204%200%200%200%204-4V8a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M28%2015a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%205a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%205a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m-8%205a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h12a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M7.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.27.667%201.27%201.489s-.569%201.489-1.27%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M8.543%207.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.021-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.76.276%201.224-.447%201.16-1.026%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M13.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.27.667%201.27%201.489s-.569%201.489-1.27%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M14.543%207.083c-.055-.48-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.76.276%201.224-.447%201.16-1.026%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.271.667%201.271%201.489c-.001.822-.57%201.489-1.271%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M20.543%207.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.759.276%201.223-.447%201.159-1.026%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25.836%208.731c-.702%200-1.271-.666-1.271-1.489c0-.822.569-1.489%201.271-1.489c.701%200%201.271.667%201.271%201.489c-.001.822-.57%201.489-1.271%201.489%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M26.543%207.083c-.055-.48-.374-.792-.728-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.996c-.02-2-1.575-3.821-3.496-3.821c-1.934%200-3.5%201.819-3.5%204.005c0%201.853%201.045%203.371%202.569%203.926c.759.276%201.223-.447%201.159-1.026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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