Calendar Sign アイコン

el:calendar-sign

Calendar Sign アイコン(el:calendar-sign)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200
タグ: calendarsign

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.635 0 0 268.635 0 600s268.635 600 600 600s600-268.635 600-600S931.365 0 600 0M389.353 221.555h62.256v118.58h-62.256zm359.032 0h62.184v118.58h-62.184zm-486.336 56.982h82.837v106.055h151.172V278.537H703.85v106.055h151.245V278.537h82.838v166.034H262.048zm0 209.618h675.885v490.283H262.049zm265.499 113.306c-47.488.243-92.282 24.559-93.457 79.102h54.127c.248-21.633 13.479-35.315 37.572-36.768c22.618.293 32.146 16.909 33.179 40.21c-.271 31.679-36.783 36.369-63.354 35.815v42.774c16.255.017 34.88-.78 51.562 6.152c12.933 5.731 18.37 20.944 18.384 35.815c-.242 24.621-11.823 43.855-41.089 45.85c-23.02-.318-34.207-18.311-35.376-41.967h-55.005c0 56.19 31.153 84.301 93.457 84.301c22.093-.151 44.637-8.405 63.281-23.145a81.44 81.44 0 0 0 29.736-61.158c-.214-36.175-23.544-58.435-58.961-67.676c18.871-6.621 38.119-16.889 47.606-36.621c7.579-17.104 4.33-36.705-1.757-55.078c-12.943-30.755-45.503-47.267-79.905-47.606m189.847 5.273c-18.634 18.051-42.221 32.589-70.752 43.652v48.047c24.455-7.278 46.708-19.517 66.797-36.694v225.8h52.441V606.732h-48.486z"/></svg>

Calendar Sign アイコンの使い方

React

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

<Icon icon="el:calendar-sign" width="24" />

Vue

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

<template>
  <Icon icon="el:calendar-sign" width="24" />
</template>

Svelte

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

<Icon icon="el:calendar-sign" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="el:calendar-sign"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/calendar-sign.svg" alt="Calendar Sign アイコン" width="24" height="24">

Elusive Icons の関連アイコン

Calendar Sign アイコンのよくある質問

Calendar Sign アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Calendar Sign アイコンを使うには?

@iconify/react をインストールして <Icon icon="el:calendar-sign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Calendar Sign アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/el/calendar-sign.svg" alt="Calendar Sign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Elusive Icons をすべて見る →