Load アイコン
si-glyph:load
Load アイコン(si-glyph:load)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 17 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 17 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="24" viewBox="0 0 17 24"><path fill="currentColor" fill-rule="evenodd" d="M9.968 1.866c0 1.012-.437 4.061-.976 4.061c-.537 0-.977-3.049-.977-4.061c0-1.014.439-1.835.977-1.835c.539 0 .976.822.976 1.835M8.016 14.088c0-1.006.438-4.031.977-4.031s.975 3.025.975 4.031c0 1.004-.437 1.818-.975 1.818c-.54 0-.977-.814-.977-1.818M2.859 7.03c1.025 0 4.113.431 4.113.961s-3.088.959-4.113.961C1.832 8.95 1 8.521 1 7.991s.832-.96 1.859-.961m12.264 1.952c-1.021 0-4.092-.44-4.092-.983s3.07-.983 4.092-.983c1.019-.002 1.846.44 1.846.983s-.827.983-1.846.983m-.941-4.789c-.715.715-3.18 2.562-3.561 2.182c-.38-.381 1.465-2.848 2.18-3.562c.717-.717 1.609-.986 1.989-.607c.382.382.108 1.271-.608 1.987M3.816 11.846c.711-.712 3.16-2.542 3.541-2.16c.381.38-1.45 2.828-2.162 3.539c-.709.71-1.594.977-1.975.597c-.38-.383-.114-1.267.596-1.976m1.36-9.028c.726.725 2.604 3.213 2.229 3.588S4.544 4.9 3.817 4.177c-.726-.728-1.011-1.619-.636-1.994s1.268-.091 1.995.635m7.636 10.38c-.723-.722-2.582-3.205-2.198-3.589c.384-.385 2.867 1.476 3.588 2.198c.723.719.994 1.616.61 2.001c-.384.383-1.281.11-2-.61"/></svg>Load アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:load" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:load" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:load" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--load]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:load"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:load"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/load.svg" alt="Load アイコン" width="24" height="24">他のアイコンセットの Load アイコン
Load アイコン のよくある質問
Load アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Load アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:load" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Load アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/load.svg" alt="Load アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。