ICONYZ
日本語
Plump free icons の Calendar Note Remix アイコン

Calendar Note Remix アイコン

streamline-plump:calendar-note-remix

Calendar Note Remix アイコン(streamline-plump:calendar-note-remix)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Plump free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
基本インターフェース
タグ
calendarnote、noteremix、calendarnoteremix
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M13.752 1.01a25 25 0 0 1 1.496 0c2.306.071 3.665 1.937 3.724 4.001v.03Q21.294 5.001 24 5q2.708.001 5.027.041l.001-.03c.059-2.064 1.418-3.93 3.724-4a25 25 0 0 1 1.496 0c2.306.07 3.665 1.936 3.724 4l.01.355q1.045.064 1.91.127c3.517.259 6.293 2.943 6.596 6.489c.257 3 .512 7.596.512 14.018s-.255 11.019-.512 14.018c-.303 3.546-3.079 6.23-6.596 6.489C36.612 46.748 31.41 47 24 47s-12.611-.252-15.892-.493c-3.517-.259-6.293-2.943-6.596-6.489C1.255 37.018 1 32.422 1 26s.255-11.019.512-14.018c.303-3.546 3.079-6.23 6.596-6.489q.866-.063 1.91-.127l.01-.355c.059-2.064 1.418-3.93 3.724-4m-3.698 8.362q-.9.054-1.652.11c-1.59.117-2.772 1.284-2.905 2.84C5.251 15.202 5 19.684 5 26s.25 10.799.497 13.677c.133 1.557 1.315 2.724 2.905 2.84C11.577 42.752 16.68 43 24 43s12.423-.249 15.598-.482c1.59-.117 2.772-1.284 2.905-2.84c.246-2.88.497-7.362.497-13.678s-.25-10.799-.497-13.677c-.133-1.557-1.315-2.724-2.905-2.84q-.752-.057-1.652-.111c-.206 1.906-1.536 3.551-3.698 3.617a25 25 0 0 1-1.496 0c-2.286-.07-3.642-1.904-3.722-3.947A294 294 0 0 0 24 9q-2.714 0-5.03.042c-.08 2.043-1.436 3.878-3.722 3.947a25 25 0 0 1-1.496 0c-2.162-.066-3.492-1.71-3.698-3.617M10.25 24A2.75 2.75 0 0 1 13 21.25h22a2.75 2.75 0 1 1 0 5.5H13A2.75 2.75 0 0 1 10.25 24M13 31.25a2.75 2.75 0 1 0 0 5.5h11a2.75 2.75 0 1 0 0-5.5z" clip-rule="evenodd"/></svg>

Calendar Note Remix アイコンの使い方

React

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

<Icon icon="streamline-plump:calendar-note-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:calendar-note-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:calendar-note-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--calendar-note-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:calendar-note-remix"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-plump:calendar-note-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump/calendar-note-remix.svg" alt="Calendar Note Remix アイコン" width="24" height="24">

Plump free icons の関連アイコン

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

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

はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Plump free icons をすべて見る →