Calendar アイコン
iwwa:calendar
Calendar アイコン(iwwa:calendar)は、Innowatio Font セットの無料 SVG アイコンです（作者: Innowatio）。 40 × 40 のグリッドで描かれています。 Innowatio Font icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Innowatio Font
- 作者
- Innowatio
- ライセンス
- Apache-2.0
- サイズ
- 40 × 40
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M15.997 24.893H7.064c-.982 0-1.78-.8-1.78-1.783v-4.395c0-.982.799-1.781 1.78-1.781h8.933c.982 0 1.78.799 1.78 1.781v4.395c0 .983-.799 1.783-1.78 1.783m-8.933-7.068a.89.89 0 0 0-.889.89v4.395c0 .492.399.892.889.892h8.933c.49 0 .889-.4.889-.892v-4.395a.89.89 0 0 0-.889-.89zm8.933 15.653H7.064c-.982 0-1.78-.799-1.78-1.782v-4.393c0-.982.799-1.78 1.78-1.78h8.933c.982 0 1.78.798 1.78 1.78v4.393c0 .983-.799 1.782-1.78 1.782m-8.933-7.064a.89.89 0 0 0-.889.889v4.393c0 .491.399.891.889.891h8.933c.49 0 .889-.4.889-.891v-4.393a.89.89 0 0 0-.889-.889zm25.87-1.521h-8.927c-.985 0-1.786-.8-1.786-1.783v-4.395c0-.982.801-1.781 1.786-1.781h8.927c.983 0 1.782.799 1.782 1.781v4.395c0 .983-.799 1.783-1.782 1.783m-8.927-7.068a.893.893 0 0 0-.894.89v4.395c0 .492.401.892.894.892h8.927c.491 0 .891-.4.891-.892v-4.395c0-.491-.4-.89-.891-.89zm8.927 15.653h-8.927a1.786 1.786 0 0 1-1.786-1.782v-4.393c0-.982.801-1.78 1.786-1.78h8.927c.983 0 1.782.798 1.782 1.78v4.393c0 .983-.799 1.782-1.782 1.782m-8.927-7.064a.893.893 0 0 0-.894.889v4.393c0 .491.401.891.894.891h8.927c.491 0 .891-.4.891-.891v-4.393c0-.49-.4-.889-.891-.889z"/><g fill="currentColor"><path d="M36.357 37.212H3.643a.993.993 0 0 1-.992-.993V6.686c0-.546.445-.991.992-.991h6.224a.446.446 0 1 1 0 .892H3.643a.1.1 0 0 0-.1.099V36.22a.1.1 0 0 0 .1.101h32.714a.1.1 0 0 0 .099-.101V6.686a.1.1 0 0 0-.099-.099h-5.906a.446.446 0 1 1 0-.892h5.906c.546 0 .991.445.991.991V36.22a.99.99 0 0 1-.991.992"/><path d="M26.044 6.587H14.14a.446.446 0 1 1 0-.892h11.904a.446.446 0 1 1 0 .892M12.116 9.678a.446.446 0 0 1-.446-.446V3.233a.446.446 0 1 1 .892 0v5.999a.447.447 0 0 1-.446.446m16.153 0a.446.446 0 0 1-.446-.446V3.233a.446.446 0 1 1 .892 0v5.999a.446.446 0 0 1-.446.446m8.633 4.269H3.098a.446.446 0 1 1 0-.892h33.805a.446.446 0 1 1-.001.892"/></g></svg>
Calendar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:calendar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:calendar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:calendar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--calendar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:calendar"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:calendar"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/iwwa/calendar.svg" alt="Calendar アイコン" width="24" height="24">
Calendar アイコン のよくある質問
Calendar アイコンは商用利用でも無料ですか?
はい。Innowatio Font icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Calendar アイコンを使うには?
@iconify/react をインストールして <Icon icon="iwwa:calendar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Calendar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iwwa/calendar.svg" alt="Calendar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Innowatio Font アイコン をすべて見る →
ICONYZ
