History アイコン
iwwa:history
History アイコン(iwwa:history)は、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="M34.234 39.917H5.758a2.05 2.05 0 0 1-2.051-2.049V2.136c0-1.132.92-2.053 2.051-2.053h28.477c.96 0 1.768.662 1.993 1.553h.062l.004.5v35.732a2.06 2.06 0 0 1-2.06 2.049M5.758 1.083c-.58 0-1.051.473-1.051 1.053v35.732c0 .578.471 1.049 1.051 1.049h28.477c.584 0 1.059-.471 1.059-1.049l-.005-35.732c0-.58-.473-1.053-1.055-1.053z"/><path fill="currentColor" d="M17.662 15.291H6.414a.5.5 0 0 1 0-1h11.248a.5.5 0 0 1 0 1m0 2.606H6.414a.5.5 0 0 1 0-1h11.248a.5.5 0 0 1 0 1m0 5.208H6.414a.5.5 0 0 1 0-1h11.248a.5.5 0 0 1 0 1m0-2.605H6.414a.5.5 0 0 1 0-1h11.248a.5.5 0 0 1 0 1m0 5.209H6.414a.5.5 0 0 1 0-1h11.248a.5.5 0 0 1 0 1m9.022 1.692c-4.082 0-7.402-3.32-7.402-7.402c0-4.081 3.32-7.4 7.402-7.4s7.402 3.319 7.402 7.4s-3.32 7.402-7.402 7.402m0-13.802a6.41 6.41 0 0 0-6.402 6.4c0 3.53 2.872 6.402 6.402 6.402s6.402-2.872 6.402-6.402c0-3.529-2.872-6.4-6.402-6.4"/><path fill="currentColor" d="M26.688 26.021c-2.632 0-5.005-1.754-5.77-4.265l.957-.291c.638 2.094 2.616 3.556 4.812 3.556a4.99 4.99 0 0 0 4.803-3.556l.957.291a5.99 5.99 0 0 1-5.759 4.265m5.517-5.522h-.649a.5.5 0 0 1 0-1h.124c-.252-2.535-2.396-4.521-4.997-4.521s-4.745 1.986-4.997 4.521h.181a.5.5 0 0 1 0 1h-.705a.5.5 0 0 1-.5-.5c0-3.32 2.701-6.021 6.021-6.021s6.022 2.701 6.022 6.021a.5.5 0 0 1-.5.5"/><path fill="currentColor" d="M26.684 15.708a.5.5 0 0 1-.5-.5v-.73a.5.5 0 0 1 1 0v.73a.5.5 0 0 1-.5.5m3.406 1.502a.5.5 0 0 1-.352-.854l.555-.553a.5.5 0 0 1 .705.709l-.555.553a.5.5 0 0 1-.353.145m-6.695 0a.5.5 0 0 1-.354-.146l-.553-.553a.5.5 0 0 1 .707-.707l.553.553a.5.5 0 0 1-.353.853"/><path fill="currentColor" d="M26.684 24.942a1.92 1.92 0 0 1-1.916-1.918l-.026-.104l.03-.008l1.172-6.551a.75.75 0 0 1 1.472-.002c1.186 6.45 1.186 6.606 1.186 6.664a1.92 1.92 0 0 1-1.918 1.919m-.916-1.919c0 .507.411.919.916.919a.92.92 0 0 0 .918-.918c-.024-.193-.498-2.816-.919-5.117z"/></svg>
History アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:history" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:history" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:history" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--history]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:history"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:history"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/iwwa/history.svg" alt="History アイコン" width="24" height="24">
History アイコン のよくある質問
History アイコンは商用利用でも無料ですか?
はい。Innowatio Font icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で History アイコンを使うには?
@iconify/react をインストールして <Icon icon="iwwa:history" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
History アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iwwa/history.svg" alt="History アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Innowatio Font アイコン をすべて見る →
ICONYZ
