Dailycalendar icon

ls:dailycalendar

The Dailycalendar icon (ls:dailycalendar) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 666 × 680 grid. Ligature Symbols icons are released under the Open Font 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: Ligature Symbols
Author: Kazuyuki Motoyama
License: OFL-1.1
Size: 666 × 680

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="666" height="680" viewBox="0 0 666 680"><path fill="currentColor" d="M558 94h57c28 0 51 22 51 49v486c0 28-23 51-51 51H50c-28 0-50-23-50-51V143c0-27 22-49 50-49h58v-6c0-17 5-36 18-50c12-13 32-24 62-24c31 0 52 11 65 24c12 14 17 34 17 50v6h125v-6c0-17 6-36 19-50c12-13 32-24 63-24c30 0 51 11 64 24c12 14 17 34 17 50zm-337 81V88c0-16-10-24-33-24c-22 0-31 8-31 24v87c0 16 9 23 31 23c23 0 33-7 33-23m288 0V88c0-16-12-24-32-24c-23 0-33 8-33 24v87c0 16 10 23 33 23c22 0 32-7 32-23M68 612h530V259H68zm93-220h50c0-13 3-24 10-33c6-8 17-13 30-13c9 0 18 3 25 9s12 15 12 26c0 7-2 13-6 17c-3 4-9 8-14 10s-11 4-17 4c-7 1-14 1-19 0v37c6 0 14 0 21 1c6 0 13 1 18 4c6 2 12 6 16 12c3 5 5 12 5 21q0 19.5-12 30c-8 8-18 11-30 11c-7 0-15-1-20-4s-10-6-14-10c-3-5-6-11-8-17s-3-13-3-20h-50c0 15 2 29 7 40c4 12 10 21 19 29c8 8 19 15 30 19c12 4 26 6 40 6c12 0 25-2 36-6q16.5-4.5 30-15c13.5-10.5 17-17 22-27c5-11 8-23 8-37s-4-27-12-38c-8-10-20-17-34-20v-1c12-3 21-10 27-20c6-9 9-21 9-33c0-11-2-21-7-30s-13-17-21-23s-17-10-27-13s-21-5-31-5c-13 0-26 2-37 6c-10 5-20 11-28 18c-7 8-13 18-18 29c-4 10-6 23-7 36m284 7v167h53V308h-42c-1 10-5 18-10 24c-4 7-10 13-16 17c-7 4-14 7-23 8c-8 2-17 2-26 2v40z"/></svg>

How to use the Dailycalendar icon

React

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

<Icon icon="ls:dailycalendar" width="24" />

Vue

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

<template>
  <Icon icon="ls:dailycalendar" width="24" />
</template>

Svelte

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

<Icon icon="ls:dailycalendar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--dailycalendar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:dailycalendar"></div>

Web component

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

<iconify-icon icon="ls:dailycalendar"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ls/dailycalendar.svg" alt="Dailycalendar icon" width="24" height="24">

Dailycalendar icon FAQ

Is the Dailycalendar icon free for commercial use?

Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Dailycalendar icon in React?

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

How do I add the Dailycalendar icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/dailycalendar.svg" alt="Dailycalendar icon">, or paste the SVG code inline to style it with CSS.

Browse all Ligature Symbols icons →