ICONYZ
English
Calendar Star icon from Stash Icons

Calendar Star icon

stash:calendar-star

The Calendar Star icon (stash:calendar-star) is a free SVG icon from the Stash Icons set by Pingback LLC. It is drawn on a 24 × 24 grid. Stash Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Stash Icons
Author
Pingback LLC
License
MIT
Size
24 × 24
Tags
calendarstar
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 6.5A.5.5 0 0 1 9 6h6a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5m3.954 4.66a1 1 0 0 0-.907 0c-.233.119-.364.337-.447.496c-.09.17-.183.396-.291.657l-.207.497l-.07.164l-.002.002h-.003a3 3 0 0 1-.178.017l-.536.043a9 9 0 0 0-.715.075c-.178.03-.425.087-.61.271a1 1 0 0 0-.28.863c.041.257.208.449.334.578c.134.137.32.296.534.48l.409.35c.072.061.109.093.134.118l.002.002v.003a3 3 0 0 1-.04.174l-.124.524a8 8 0 0 0-.15.702c-.027.178-.049.431.07.664a1 1 0 0 0 .733.533c.258.04.491-.059.653-.139c.172-.085.38-.213.621-.36l.46-.28c.08-.05.122-.075.153-.091L12 17.5l.003.002c.03.016.073.041.153.09l.46.281c.24.148.45.275.621.36c.162.08.396.18.653.139a1 1 0 0 0 .734-.534c.118-.232.096-.485.07-.663a9 9 0 0 0-.15-.702l-.125-.524l-.04-.174v-.003l.002-.002c.025-.025.062-.057.134-.118l.409-.35c.214-.184.4-.343.534-.48c.126-.129.293-.32.333-.578a1 1 0 0 0-.28-.863c-.184-.184-.431-.241-.61-.271a9 9 0 0 0-.714-.075l-.536-.043a3 3 0 0 1-.178-.016h-.003l-.001-.003l-.07-.164l-.207-.497a9 9 0 0 0-.292-.657c-.083-.16-.214-.377-.447-.495m-.731 1.558a9 9 0 0 1 .277-.624q.008.012.014.027c.066.125.143.31.263.597l.198.476l.014.034c.052.126.117.285.23.412a1 1 0 0 0 .352.256c.156.068.327.08.463.091l.037.003l.514.041a9 9 0 0 1 .68.07l-.022.023c-.099.101-.25.231-.487.434l-.391.335l-.029.025c-.104.088-.235.2-.32.346a1 1 0 0 0-.135.413c-.016.17.024.336.056.469l.009.036l.12.501a9 9 0 0 1 .142.668l-.027-.013a9 9 0 0 1-.564-.329l-.44-.268l-.031-.02c-.117-.072-.263-.162-.428-.199a1 1 0 0 0-.435 0a1.4 1.4 0 0 0-.429.199l-.032.02l-.44.268a9 9 0 0 1-.59.342q0-.013.004-.03a8 8 0 0 1 .139-.638l.12-.5l.008-.037c.032-.133.072-.3.056-.469a1 1 0 0 0-.134-.413a1.4 1.4 0 0 0-.321-.346l-.029-.025l-.39-.335a9 9 0 0 1-.509-.456l.03-.006c.14-.023.339-.04.65-.065l.513-.04l.037-.004c.136-.01.307-.023.463-.09a1 1 0 0 0 .352-.257c.113-.127.178-.286.23-.412l.014-.034z"/><path fill="currentColor" d="M13.623 3h-3.246c-1.1 0-1.958 0-2.645.056c-.698.057-1.265.175-1.775.434A4.5 4.5 0 0 0 3.99 5.457c-.26.51-.377 1.077-.434 1.775C3.5 7.92 3.5 8.776 3.5 9.877v4.246c0 1.1 0 1.958.056 2.645c.057.698.175 1.265.434 1.775a4.5 4.5 0 0 0 1.967 1.967c.51.26 1.077.377 1.775.434C8.42 21 9.276 21 10.377 21h3.246c1.1 0 1.958 0 2.645-.056c.698-.057 1.265-.175 1.775-.434a4.5 4.5 0 0 0 1.967-1.967c.26-.51.377-1.077.434-1.775c.056-.687.056-1.544.056-2.645V9.877c0-1.1 0-1.958-.056-2.645c-.057-.698-.175-1.265-.434-1.775a4.5 4.5 0 0 0-1.967-1.967c-.51-.26-1.077-.377-1.775-.434C15.58 3 14.724 3 13.623 3M6.41 4.381c.346-.176.766-.276 1.403-.328C8.455 4 9.272 4 10.4 4h3.2c1.128 0 1.945 0 2.586.053c.637.052 1.057.152 1.403.328a3.5 3.5 0 0 1 1.53 1.53c.176.346.276.766.328 1.403c.038.457.049 1.002.052 1.686H4.5c.004-.684.014-1.23.052-1.686c.052-.637.152-1.057.328-1.403a3.5 3.5 0 0 1 1.53-1.53M4.5 10h15v4.1c0 1.128 0 1.945-.053 2.586c-.052.637-.152 1.057-.328 1.403a3.5 3.5 0 0 1-1.53 1.53c-.346.176-.766.276-1.402.328C15.545 20 14.728 20 13.6 20h-3.2c-1.128 0-1.945 0-2.586-.053c-.637-.052-1.057-.152-1.403-.328a3.5 3.5 0 0 1-1.53-1.53c-.176-.346-.276-.766-.328-1.402C4.5 16.045 4.5 15.228 4.5 14.1z"/><path fill="currentColor" fill-rule="evenodd" d="m9.322 15.843l-.416-.357c-.208-.178-.401-.343-.543-.488c-.13-.134-.348-.374-.401-.714a1.25 1.25 0 0 1 .35-1.078c.243-.244.56-.31.744-.342c.2-.034.453-.054.727-.076l.546-.044l.03-.002l.012-.028l.21-.506c.106-.254.203-.488.297-.668c.087-.165.248-.446.555-.602a1.25 1.25 0 0 1 1.134 0c.307.156.468.437.555.602c.094.18.191.414.297.668l.21.506l.012.028l.03.002l.546.044c.274.022.527.042.727.076c.184.031.5.098.744.342c.283.282.413.683.35 1.078c-.053.34-.27.58-.401.714c-.142.145-.335.31-.543.488l-.416.357l-.023.02l.007.03l.127.532c.064.267.123.514.152.715c.027.184.062.506-.095.813a1.25 1.25 0 0 1-.917.666c-.34.055-.636-.078-.803-.16l.111-.225c.162.08.396.18.653.139a1 1 0 0 0 .734-.534c.118-.232.096-.485.07-.663a9 9 0 0 0-.15-.702l-.125-.524l-.04-.174v-.003l.002-.002c.025-.025.062-.057.134-.118l.409-.35c.214-.184.4-.343.534-.48c.126-.129.293-.32.333-.578a1 1 0 0 0-.28-.863c-.184-.184-.431-.241-.61-.271a9 9 0 0 0-.714-.075l-.536-.043a3 3 0 0 1-.178-.016h-.003l-.001-.003l-.07-.164l-.207-.497a9 9 0 0 0-.292-.657c-.083-.16-.214-.377-.447-.495a1 1 0 0 0-.906 0c-.233.118-.364.336-.447.495c-.09.17-.183.396-.291.657l-.207.497l-.07.164l-.002.002h-.003a3 3 0 0 1-.178.017l-.536.043a9 9 0 0 0-.715.075c-.178.03-.425.087-.61.271a1 1 0 0 0-.28.863c.041.257.208.449.334.578c.134.137.32.296.534.48l.409.35c.072.061.109.093.134.118l.002.002v.003a3 3 0 0 1-.04.174l-.124.524a8 8 0 0 0-.15.702c-.027.178-.049.431.07.664a1 1 0 0 0 .733.533c.258.04.491-.059.653-.139c.172-.085.38-.213.621-.36l.46-.28c.08-.05.122-.075.153-.091L12 17.5l.003.002c.03.016.073.041.153.09l.46.281c.24.148.45.275.621.36l-.11.224a9 9 0 0 1-.633-.365l-.468-.286L12 17.79l-.026.016l-.468.286c-.234.143-.45.275-.632.365c-.167.083-.463.216-.803.162a1.25 1.25 0 0 1-.917-.667c-.157-.307-.122-.629-.095-.813c.03-.2.088-.448.152-.715l.127-.533l.007-.03zm.293-.068l-.204-.036zm2.41-3.634L12 12.094l-.025.047a4 4 0 0 0-.111.243q-.06.137-.141.334l-.198.476l-.014.034a1.4 1.4 0 0 1-.23.412a1 1 0 0 1-.352.256c-.156.068-.327.08-.463.091l-.037.003l-.514.041l-.36.03q-.16.014-.266.032q-.012 0-.023.003l-.03.006l.021.022l.016.016q.077.076.197.181q.112.1.274.237l.391.335l.029.025c.104.088.235.2.321.346a1 1 0 0 1 .134.413c.017.17-.024.336-.056.469l-.009.036l-.12.501l-.082.353a4 4 0 0 0-.06.315l.048-.023q.095-.049.233-.131l.31-.188l.44-.268l.031-.02c.117-.072.263-.162.429-.199a1 1 0 0 1 .435 0c.165.037.312.127.428.199l.032.02l.44.268l.31.188a4 4 0 0 0 .28.154l-.001-.011l-.003-.019q0-.012-.003-.023a4 4 0 0 0-.053-.262l-.082-.353l-.12-.5l-.009-.037a1.4 1.4 0 0 1-.056-.469a1 1 0 0 1 .134-.413a1.4 1.4 0 0 1 .321-.346l.029-.025l.391-.335q.162-.137.274-.237a4 4 0 0 0 .197-.18l.016-.017l.021-.022l-.03-.006l-.023-.003a4 4 0 0 0-.265-.031l-.361-.03l-.514-.042l-.037-.003a1.4 1.4 0 0 1-.463-.09a1 1 0 0 1-.352-.257c-.113-.127-.178-.286-.23-.412l-.014-.034l-.198-.476q-.081-.197-.14-.334a4 4 0 0 0-.112-.243m-.025.562l-.046.111l-.198.475l-.014.034l-.004.01c-.05.122-.129.314-.27.473a1.25 1.25 0 0 1-.44.32c-.194.084-.4.1-.532.11h-.01l-.037.003l-.514.042l-.12.01l.092.077l.39.335l.029.024l.008.007c.1.085.258.22.366.402c.094.158.15.335.168.518c.02.211-.029.412-.06.54l-.002.01l-.009.036l-.12.501l-.027.117l.102-.062l.44-.268l.031-.02l.01-.006c.111-.069.288-.177.495-.224c.18-.04.365-.04.544 0c.207.047.384.155.496.224l.009.006l.031.02l.44.268l.102.062l-.028-.117l-.12-.5l-.008-.036l-.002-.01a1.6 1.6 0 0 1-.06-.541a1.25 1.25 0 0 1 .168-.518c.108-.182.266-.317.366-.402l.008-.007l.028-.024l.391-.335l.091-.078l-.12-.01l-.512-.04l-.037-.003l-.01-.001a1.7 1.7 0 0 1-.534-.11a1.25 1.25 0 0 1-.44-.32a1.6 1.6 0 0 1-.269-.473l-.004-.01l-.014-.033l-.198-.476zm1.634-9.953c1.091 0 1.957 0 2.654.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.654v4.268c0 1.091 0 1.957-.057 2.654c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.654.057h-3.268c-1.091 0-1.957 0-2.654-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.654V9.866c0-1.091 0-1.957.057-2.654c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057zm-5.8 1.552c-.62.05-1.005.147-1.31.302a3.25 3.25 0 0 0-1.42 1.42c-.155.305-.251.69-.302 1.31c-.032.39-.044.85-.05 1.416h14.495a20 20 0 0 0-.049-1.416c-.05-.62-.147-1.005-.302-1.31a3.25 3.25 0 0 0-1.42-1.42c-.305-.155-.69-.251-1.31-.302c-.63-.051-1.434-.052-2.566-.052h-3.2c-1.133 0-1.937 0-2.566.052M19.497 8.75a20 20 0 0 0-.05-1.436c-.052-.637-.152-1.057-.328-1.403a3.5 3.5 0 0 0-1.53-1.53c-.346-.176-.766-.276-1.402-.328C15.545 4 14.728 4 13.6 4h-3.2c-1.128 0-1.945 0-2.586.053c-.637.052-1.057.152-1.403.328a3.5 3.5 0 0 0-1.53 1.53c-.176.346-.276.766-.328 1.403c-.033.4-.045.867-.05 1.436L4.5 9h15zM4.75 10.25v3.85c0 1.133 0 1.937.052 2.566c.05.62.147 1.005.302 1.31a3.25 3.25 0 0 0 1.42 1.42c.305.155.69.251 1.31.302c.63.051 1.433.052 2.566.052h3.2c1.133 0 1.937 0 2.566-.052c.62-.05 1.005-.147 1.31-.302a3.25 3.25 0 0 0 1.42-1.42c.155-.305.251-.69.302-1.31c.051-.63.052-1.434.052-2.566v-3.85zm3.5-3.75A.75.75 0 0 1 9 5.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M10.377 3h3.246c1.1 0 1.958 0 2.645.056c.698.057 1.265.175 1.775.434a4.5 4.5 0 0 1 1.967 1.967c.26.51.377 1.077.434 1.775c.056.687.056 1.544.056 2.645v4.246c0 1.1 0 1.958-.056 2.645c-.057.698-.175 1.265-.434 1.775a4.5 4.5 0 0 1-1.967 1.967c-.51.26-1.077.377-1.775.434c-.687.056-1.544.056-2.645.056h-3.246c-1.1 0-1.958 0-2.645-.056c-.698-.057-1.265-.175-1.775-.434a4.5 4.5 0 0 1-1.967-1.967c-.26-.51-.377-1.077-.434-1.775c-.056-.687-.056-1.544-.056-2.645V9.877c0-1.1 0-1.958.056-2.645c.057-.698.175-1.265.434-1.775A4.5 4.5 0 0 1 5.957 3.49c.51-.26 1.077-.377 1.775-.434C8.42 3 9.276 3 10.377 3M4.5 10v4.1c0 1.128 0 1.945.053 2.586c.052.637.152 1.057.328 1.403a3.5 3.5 0 0 0 1.53 1.53c.346.176.766.276 1.403.328C8.455 20 9.272 20 10.4 20h3.2c1.128 0 1.945 0 2.586-.053c.637-.052 1.057-.152 1.403-.328a3.5 3.5 0 0 0 1.53-1.53c.176-.346.276-.766.328-1.402c.053-.642.053-1.459.053-2.587V10zm4-3.5A.5.5 0 0 1 9 6h6a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5" clip-rule="evenodd"/></svg>

How to use the Calendar Star icon

React

import { Icon } from "@iconify/react";

<Icon icon="stash:calendar-star" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="stash:calendar-star" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="stash:calendar-star" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--calendar-star]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:calendar-star"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="stash:calendar-star"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/stash/calendar-star.svg" alt="Calendar Star icon" width="24" height="24">

Related icons in Stash Icons

calendar icon
calendar
 calendar-duotone icon
calendar-duotone
 calendar-end icon
calendar-end
 calendar-end-duotone icon
calendar-end-duotone
 calendar-end-light icon
calendar-end-light
 calendar-end-solid icon
calendar-end-solid
 calendar-light icon
calendar-light
 calendar-nine icon
calendar-nine
 calendar-nine-duotone icon
calendar-nine-duotone
 calendar-nine-light icon
calendar-nine-light
 calendar-nine-solid icon
calendar-nine-solid
 calendar-solid icon
calendar-solid
 calendar-star-duotone icon
calendar-star-duotone
 calendar-star-light icon
calendar-star-light
 calendar-star-solid icon
calendar-star-solid

Calendar Star icon in other icon sets

Calendar Star icon from Material Design Icons
Material Design Icons
 Calendar Star icon from Tabler Icons
Tabler Icons
 Calendar Star icon from Phosphor
Phosphor
 Calendar Star icon from BoxIcons v2
BoxIcons v2
 Calendar Star icon from BoxIcons v2 Solid
BoxIcons v2 Solid
 Calendar Star icon from Boxicons
Boxicons
 Calendar Star icon from IconOven
IconOven
 Calendar Star icon from Streamline
Streamline
 Calendar Star icon from Streamline color
Streamline color
 Calendar Star icon from andrsrxn/icons
andrsrxn/icons

Calendar Star icon FAQ

Is the Calendar Star icon free for commercial use?

Yes. Stash Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Calendar Star icon in React?

Install @iconify/react and render <Icon icon="stash:calendar-star" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Calendar Star icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/stash/calendar-star.svg" alt="Calendar Star icon">, or paste the SVG code inline to style it with CSS.

Browse all Stash Icons →