Libary アイコン
arcticons:libary
Libary アイコン(arcticons:libary)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m28.192 35.499l3.556 2.164l-1.12-16.189m-9.833 19.889h1.602v-1.069l3.206-1.068v2.137h1.602"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m21.406 28.202l.991 12.093c3.388-5.373 2.869-11.295 4.12-17.88"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.839 15.72c-1.925 3.241-5.234 4.187-8.954 5.853c0 0 1.431 6.628 3.521 6.63c1.793 0 2.629-3.285 2.629-3.285"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.137 20.641s.03 2.765 1.285 3.152c1.732.535 6.864-5.406 6.864-5.406l-.094 17.112l-2.59 3.727"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.315 24.267c4.444-1.16 6.476-5.1 7.846-8.548h5.678c1.84 3.814 4.171 6.818 7.846 8.548"/><ellipse cx="24" cy="13.048" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.603" ry="2.137"/><circle cx="13.315" cy="24.267" r=".379" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="34.685" cy="24.267" r=".379" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.178 43.5h25.644V17.856c0-7.486-5.28-13.35-12.822-13.356s-12.822 5.877-12.822 13.356Z"/></svg>Libary アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:libary" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:libary" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:libary" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--libary]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:libary"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:libary"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/libary.svg" alt="Libary アイコン" width="24" height="24">Libary アイコン のよくある質問
Libary アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Libary アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:libary" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Libary アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/libary.svg" alt="Libary アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。