Year アイコン
iwwa:year
Year アイコン(iwwa:year)は、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"><g fill="currentColor"><path d="M36.389 4.962h-5.906a.446.446 0 0 0-.446.446c0 .076.024.144.057.206v3.398a.947.947 0 0 1-.948.948h-1.838a.88.88 0 0 1-.88-.88V5.669a.44.44 0 0 0 .094-.261a.445.445 0 0 0-.446-.446H14.171a.446.446 0 0 0-.446.446c0 .069.019.132.047.191v3.437a.925.925 0 0 1-.925.925h-1.632a.934.934 0 0 1-.934-.934V5.624a.43.43 0 0 0 .063-.216a.445.445 0 0 0-.446-.446H3.675a.993.993 0 0 0-.992.991v29.534c0 .548.445.993.992.993h32.714a.993.993 0 0 0 .991-.993V5.953a.993.993 0 0 0-.991-.991m0 30.626H3.675a.1.1 0 0 1-.1-.101V13.214h32.913v22.272a.1.1 0 0 1-.099.102"/><path d="M12.147 8.944c.246 0 .446-.2.446-.446V2.5a.446.446 0 1 0-.892 0v5.999c0 .246.2.445.446.445m16.154 0c.246 0 .446-.2.446-.446V2.5a.446.446 0 1 0-.892 0v5.999c0 .246.199.445.446.445"/><circle cx="9.842" cy="17.503" r="2.458"/><circle cx="16.906" cy="17.503" r="2.458"/><circle cx="23.969" cy="17.503" r="2.458"/><circle cx="9.842" cy="24.348" r="2.458"/><circle cx="16.906" cy="24.348" r="2.458"/><circle cx="23.969" cy="24.348" r="2.458"/><circle cx="9.842" cy="31.193" r="2.458"/><circle cx="16.906" cy="31.193" r="2.458"/><circle cx="23.969" cy="31.193" r="2.458"/><circle cx="30.867" cy="17.503" r="2.458"/><circle cx="30.867" cy="24.348" r="2.458"/><circle cx="30.867" cy="31.193" r="2.458"/></g></svg>Year アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:year" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:year" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:year" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--year]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:year"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:year"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/iwwa/year.svg" alt="Year アイコン" width="24" height="24">Year アイコン のよくある質問
Year アイコンは商用利用でも無料ですか?
はい。Innowatio Font icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Year アイコンを使うには?
@iconify/react をインストールして <Icon icon="iwwa:year" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Year アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iwwa/year.svg" alt="Year アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。