spiral calendar emoji
spiral-calendar from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- spiral-calendar
- 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 spiral calendar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M28.815 4h1.996v1h-1.996z"/><path fill="#ccd6dd" d="M2 12v20a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V12z"/><path fill="#dd2e44" d="M30 4H6a4 4 0 0 0-4 4v5h32V8a4 4 0 0 0-4-4"/><path fill="#292f33" d="M8.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.489m6 0c-.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.489m6 0c-.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.489m6 0c-.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="M27.315.179c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.934 0-3.5 1.819-3.5 4.005c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.48-.374-.793-.729-1.018c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S16.815 3 16.815 4h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S22.815 3 22.815 4h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S28.815 3 28.815 4h1.996C30.79 2 29.235.179 27.315.179"/><path fill="#fff" d="M11 15h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 20h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 25h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 30h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSpiralCalendar(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="M28.815 4h1.996v1h-1.996z"/><path fill="#ccd6dd" d="M2 12v20a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V12z"/><path fill="#dd2e44" d="M30 4H6a4 4 0 0 0-4 4v5h32V8a4 4 0 0 0-4-4"/><path fill="#292f33" d="M8.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.489m6 0c-.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.489m6 0c-.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.489m6 0c-.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="M27.315.179c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.934 0-3.5 1.819-3.5 4.005c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.48-.374-.793-.729-1.018c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S16.815 3 16.815 4h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S22.815 3 22.815 4h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S28.815 3 28.815 4h1.996C30.79 2 29.235.179 27.315.179"/><path fill="#fff" d="M11 15h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 20h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 25h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 30h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M28.815 4h1.996v1h-1.996z"/><path fill="#ccd6dd" d="M2 12v20a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V12z"/><path fill="#dd2e44" d="M30 4H6a4 4 0 0 0-4 4v5h32V8a4 4 0 0 0-4-4"/><path fill="#292f33" d="M8.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.489m6 0c-.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.489m6 0c-.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.489m6 0c-.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="M27.315.179c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277 0-2.383.802-2.994 1.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.934 0-3.5 1.819-3.5 4.005c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.48-.374-.793-.729-1.018c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095s1.5.905 1.5 1.905h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S16.815 3 16.815 4h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S22.815 3 22.815 4h1.016c-.003.062-.016.121-.016.184c0 1.854 1.045 3.371 2.569 3.926c.759.275 1.224-.447 1.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095 1.5-2.095S28.815 3 28.815 4h1.996C30.79 2 29.235.179 27.315.179"/><path fill="#fff" d="M11 15h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 20h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 25h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zm5 0h4v4h-4zM6 30h4v4H6zm5 0h4v4h-4zm5 0h4v4h-4z"/></svg> </template>
CSS
.icon-spiral-calendar {
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%22M28.815%204h1.996v1h-1.996z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M2%2012v20a4%204%200%200%200%204%204h24a4%204%200%200%200%204-4V12z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M30%204H6a4%204%200%200%200-4%204v5h32V8a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M8.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.489m6%200c-.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.489m6%200c-.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.489m6%200c-.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%22M27.315.179c-1.277%200-2.383.802-2.994%201.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277%200-2.383.802-2.994%201.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277%200-2.383.802-2.994%201.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.934%200-3.5%201.819-3.5%204.005c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.48-.374-.793-.729-1.018c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.016c-.003.062-.016.121-.016.184c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095S16.815%203%2016.815%204h1.016c-.003.062-.016.121-.016.184c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095S22.815%203%2022.815%204h1.016c-.003.062-.016.121-.016.184c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095S28.815%203%2028.815%204h1.996C30.79%202%2029.235.179%2027.315.179%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%2015h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zM6%2020h4v4H6zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zM6%2025h4v4H6zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zM6%2030h4v4H6zm5%200h4v4h-4zm5%200h4v4h-4z%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%22M28.815%204h1.996v1h-1.996z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M2%2012v20a4%204%200%200%200%204%204h24a4%204%200%200%200%204-4V12z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M30%204H6a4%204%200%200%200-4%204v5h32V8a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M8.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.489m6%200c-.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.489m6%200c-.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.489m6%200c-.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%22M27.315.179c-1.277%200-2.383.802-2.994%201.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277%200-2.383.802-2.994%201.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.277%200-2.383.802-2.994%201.97c-.606-1.143-1.717-1.97-3.006-1.97c-1.934%200-3.5%201.819-3.5%204.005c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.48-.374-.793-.729-1.018c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095s1.5.905%201.5%201.905h1.016c-.003.062-.016.121-.016.184c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095S16.815%203%2016.815%204h1.016c-.003.062-.016.121-.016.184c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095S22.815%203%2022.815%204h1.016c-.003.062-.016.121-.016.184c0%201.854%201.045%203.371%202.569%203.926c.759.275%201.224-.447%201.159-1.026c-.055-.479-.374-.792-.729-1.017c-.485-.307-1-1.008-1-1.877c0-1.104.671-2.095%201.5-2.095S28.815%203%2028.815%204h1.996C30.79%202%2029.235.179%2027.315.179%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%2015h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zM6%2020h4v4H6zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zM6%2025h4v4H6zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zm5%200h4v4h-4zM6%2030h4v4H6zm5%200h4v4h-4zm5%200h4v4h-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/spiral-calendar.svg?color=%231a73e8&size=48
