memo emoji
memo from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- memo
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the memo emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M31 32a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M27 24a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m-16 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1M27 8a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1"/><path fill="#66757f" d="M31 6.272c-.827-.535-1.837-.579-2.521-.023l-.792.646l-1.484 1.211l-.1.08l-2.376 1.938l-11.878 9.686c-.437.357-.793 1.219-1.173 2.074c-.378.85-.969 2.852-1.443 4.391c-.148.25-1.065 1.846-.551 2.453c.52.615 2.326.01 2.568-.076c1.626-.174 3.731-.373 4.648-.58c.924-.211 1.854-.395 2.291-.752c.008-.006.01-.018.017-.023l11.858-9.666l.792-.646l.144-.118z"/><path fill="#d99e82" d="M18.145 22.526s-1.274-1.881-2.117-2.553c-.672-.843-2.549-2.116-2.549-2.116c-.448-.446-1.191-.48-1.629-.043c-.437.438-.793 1.366-1.173 2.291c-.472 1.146-1.276 4.154-1.768 5.752c-.083.272.517-.45.503-.21c-.01.187.027.394.074.581l-.146.159l.208.067l.068.21l.159-.146c.187.047.394.084.58.074c.24-.014-.483.587-.21.503c1.598-.493 4.607-1.296 5.752-1.768c.924-.381 1.854-.736 2.291-1.174c.439-.435.406-1.178-.043-1.627"/><path fill="#ea596e" d="M25.312 4.351a2.24 2.24 0 0 0 0 3.168l3.167 3.168a2.24 2.24 0 0 0 3.168 0l3.169-3.168a2.24 2.24 0 0 0 0-3.168l-3.169-3.168a2.24 2.24 0 0 0-3.168 0z"/><path fill="#ffcc4d" d="m11.849 17.815l3.17 3.17l3.165 3.166l11.881-11.879l-6.337-6.336z"/><path fill="#292f33" d="M11.298 26.742s-2.06 1.133-2.616.576c-.557-.558.581-2.611.581-2.611s1.951.036 2.035 2.035"/><path fill="#ccd6dd" d="m23.728 5.935l3.96-3.96l6.336 6.337l-3.96 3.96z"/><path fill="#99aab5" d="m26.103 3.558l.792-.792l6.336 6.335l-.792.792zM24.52 5.142l.791-.791l6.336 6.335l-.792.792z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMemo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M31 32a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M27 24a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m-16 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1M27 8a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1"/><path fill="#66757f" d="M31 6.272c-.827-.535-1.837-.579-2.521-.023l-.792.646l-1.484 1.211l-.1.08l-2.376 1.938l-11.878 9.686c-.437.357-.793 1.219-1.173 2.074c-.378.85-.969 2.852-1.443 4.391c-.148.25-1.065 1.846-.551 2.453c.52.615 2.326.01 2.568-.076c1.626-.174 3.731-.373 4.648-.58c.924-.211 1.854-.395 2.291-.752c.008-.006.01-.018.017-.023l11.858-9.666l.792-.646l.144-.118z"/><path fill="#d99e82" d="M18.145 22.526s-1.274-1.881-2.117-2.553c-.672-.843-2.549-2.116-2.549-2.116c-.448-.446-1.191-.48-1.629-.043c-.437.438-.793 1.366-1.173 2.291c-.472 1.146-1.276 4.154-1.768 5.752c-.083.272.517-.45.503-.21c-.01.187.027.394.074.581l-.146.159l.208.067l.068.21l.159-.146c.187.047.394.084.58.074c.24-.014-.483.587-.21.503c1.598-.493 4.607-1.296 5.752-1.768c.924-.381 1.854-.736 2.291-1.174c.439-.435.406-1.178-.043-1.627"/><path fill="#ea596e" d="M25.312 4.351a2.24 2.24 0 0 0 0 3.168l3.167 3.168a2.24 2.24 0 0 0 3.168 0l3.169-3.168a2.24 2.24 0 0 0 0-3.168l-3.169-3.168a2.24 2.24 0 0 0-3.168 0z"/><path fill="#ffcc4d" d="m11.849 17.815l3.17 3.17l3.165 3.166l11.881-11.879l-6.337-6.336z"/><path fill="#292f33" d="M11.298 26.742s-2.06 1.133-2.616.576c-.557-.558.581-2.611.581-2.611s1.951.036 2.035 2.035"/><path fill="#ccd6dd" d="m23.728 5.935l3.96-3.96l6.336 6.337l-3.96 3.96z"/><path fill="#99aab5" d="m26.103 3.558l.792-.792l6.336 6.335l-.792.792zM24.52 5.142l.791-.791l6.336 6.335l-.792.792z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M31 32a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M27 24a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m-16 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1M27 8a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1m0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1"/><path fill="#66757f" d="M31 6.272c-.827-.535-1.837-.579-2.521-.023l-.792.646l-1.484 1.211l-.1.08l-2.376 1.938l-11.878 9.686c-.437.357-.793 1.219-1.173 2.074c-.378.85-.969 2.852-1.443 4.391c-.148.25-1.065 1.846-.551 2.453c.52.615 2.326.01 2.568-.076c1.626-.174 3.731-.373 4.648-.58c.924-.211 1.854-.395 2.291-.752c.008-.006.01-.018.017-.023l11.858-9.666l.792-.646l.144-.118z"/><path fill="#d99e82" d="M18.145 22.526s-1.274-1.881-2.117-2.553c-.672-.843-2.549-2.116-2.549-2.116c-.448-.446-1.191-.48-1.629-.043c-.437.438-.793 1.366-1.173 2.291c-.472 1.146-1.276 4.154-1.768 5.752c-.083.272.517-.45.503-.21c-.01.187.027.394.074.581l-.146.159l.208.067l.068.21l.159-.146c.187.047.394.084.58.074c.24-.014-.483.587-.21.503c1.598-.493 4.607-1.296 5.752-1.768c.924-.381 1.854-.736 2.291-1.174c.439-.435.406-1.178-.043-1.627"/><path fill="#ea596e" d="M25.312 4.351a2.24 2.24 0 0 0 0 3.168l3.167 3.168a2.24 2.24 0 0 0 3.168 0l3.169-3.168a2.24 2.24 0 0 0 0-3.168l-3.169-3.168a2.24 2.24 0 0 0-3.168 0z"/><path fill="#ffcc4d" d="m11.849 17.815l3.17 3.17l3.165 3.166l11.881-11.879l-6.337-6.336z"/><path fill="#292f33" d="M11.298 26.742s-2.06 1.133-2.616.576c-.557-.558.581-2.611.581-2.611s1.951.036 2.035 2.035"/><path fill="#ccd6dd" d="m23.728 5.935l3.96-3.96l6.336 6.337l-3.96 3.96z"/><path fill="#99aab5" d="m26.103 3.558l.792-.792l6.336 6.335l-.792.792zM24.52 5.142l.791-.791l6.336 6.335l-.792.792z"/></svg> </template>
CSS
.icon-memo {
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%23ccd6dd%22%20d%3D%22M31%2032a4%204%200%200%201-4%204H5a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h22a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M27%2024a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m-16%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201M27%208a1%201%200%200%201-1%201H6a1%201%200%200%201%200-2h20a1%201%200%200%201%201%201m0%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M31%206.272c-.827-.535-1.837-.579-2.521-.023l-.792.646l-1.484%201.211l-.1.08l-2.376%201.938l-11.878%209.686c-.437.357-.793%201.219-1.173%202.074c-.378.85-.969%202.852-1.443%204.391c-.148.25-1.065%201.846-.551%202.453c.52.615%202.326.01%202.568-.076c1.626-.174%203.731-.373%204.648-.58c.924-.211%201.854-.395%202.291-.752c.008-.006.01-.018.017-.023l11.858-9.666l.792-.646l.144-.118z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18.145%2022.526s-1.274-1.881-2.117-2.553c-.672-.843-2.549-2.116-2.549-2.116c-.448-.446-1.191-.48-1.629-.043c-.437.438-.793%201.366-1.173%202.291c-.472%201.146-1.276%204.154-1.768%205.752c-.083.272.517-.45.503-.21c-.01.187.027.394.074.581l-.146.159l.208.067l.068.21l.159-.146c.187.047.394.084.58.074c.24-.014-.483.587-.21.503c1.598-.493%204.607-1.296%205.752-1.768c.924-.381%201.854-.736%202.291-1.174c.439-.435.406-1.178-.043-1.627%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M25.312%204.351a2.24%202.24%200%200%200%200%203.168l3.167%203.168a2.24%202.24%200%200%200%203.168%200l3.169-3.168a2.24%202.24%200%200%200%200-3.168l-3.169-3.168a2.24%202.24%200%200%200-3.168%200z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m11.849%2017.815l3.17%203.17l3.165%203.166l11.881-11.879l-6.337-6.336z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M11.298%2026.742s-2.06%201.133-2.616.576c-.557-.558.581-2.611.581-2.611s1.951.036%202.035%202.035%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m23.728%205.935l3.96-3.96l6.336%206.337l-3.96%203.96z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m26.103%203.558l.792-.792l6.336%206.335l-.792.792zM24.52%205.142l.791-.791l6.336%206.335l-.792.792z%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%23ccd6dd%22%20d%3D%22M31%2032a4%204%200%200%201-4%204H5a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h22a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M27%2024a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m-16%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201M27%208a1%201%200%200%201-1%201H6a1%201%200%200%201%200-2h20a1%201%200%200%201%201%201m0%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201m0%204a1%201%200%200%201-1%201H6a1%201%200%201%201%200-2h20a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M31%206.272c-.827-.535-1.837-.579-2.521-.023l-.792.646l-1.484%201.211l-.1.08l-2.376%201.938l-11.878%209.686c-.437.357-.793%201.219-1.173%202.074c-.378.85-.969%202.852-1.443%204.391c-.148.25-1.065%201.846-.551%202.453c.52.615%202.326.01%202.568-.076c1.626-.174%203.731-.373%204.648-.58c.924-.211%201.854-.395%202.291-.752c.008-.006.01-.018.017-.023l11.858-9.666l.792-.646l.144-.118z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18.145%2022.526s-1.274-1.881-2.117-2.553c-.672-.843-2.549-2.116-2.549-2.116c-.448-.446-1.191-.48-1.629-.043c-.437.438-.793%201.366-1.173%202.291c-.472%201.146-1.276%204.154-1.768%205.752c-.083.272.517-.45.503-.21c-.01.187.027.394.074.581l-.146.159l.208.067l.068.21l.159-.146c.187.047.394.084.58.074c.24-.014-.483.587-.21.503c1.598-.493%204.607-1.296%205.752-1.768c.924-.381%201.854-.736%202.291-1.174c.439-.435.406-1.178-.043-1.627%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M25.312%204.351a2.24%202.24%200%200%200%200%203.168l3.167%203.168a2.24%202.24%200%200%200%203.168%200l3.169-3.168a2.24%202.24%200%200%200%200-3.168l-3.169-3.168a2.24%202.24%200%200%200-3.168%200z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m11.849%2017.815l3.17%203.17l3.165%203.166l11.881-11.879l-6.337-6.336z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M11.298%2026.742s-2.06%201.133-2.616.576c-.557-.558.581-2.611.581-2.611s1.951.036%202.035%202.035%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m23.728%205.935l3.96-3.96l6.336%206.337l-3.96%203.96z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m26.103%203.558l.792-.792l6.336%206.335l-.792.792zM24.52%205.142l.791-.791l6.336%206.335l-.792.792z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/memo.svg?color=%231a73e8&size=48
