Hole Io アイコン

Q: Hole Io アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:hole-io

Hole Io アイコン(arcticons:hole-io)は、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
タグ: holeio

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M33.425 10.284h-.854a2.83 2.83 0 0 0-2.178 1.01A28.8 28.8 0 0 0 24 10.58a28.7 28.7 0 0 0-6.373.738a2.83 2.83 0 0 0-2.198-1.033h-.809M5.865 13.71v.957c0 .93.447 1.748 1.138 2.263c-2.268 2.343-3.487 5.103-3.503 7.929c0 7.887 9.178 14.28 20.5 14.28s20.5-6.393 20.5-14.28c-.003-2.831-1.213-5.598-3.478-7.95a2.81 2.81 0 0 0 1.113-2.242v-.894"/><path d="M32.457 11.857c.321-1.714 2.489-2.996 5.053-2.996c2.824 0 5.113 1.544 5.113 3.449c0 1.394-1.245 2.651-3.151 3.184c-1.93-1.55-4.318-2.79-7.015-3.637"/><path d="M34.39 12.554c.09-.847 1.149-1.504 2.427-1.504c1.343 0 2.432.724 2.432 1.617h0c0 .687-.652 1.298-1.626 1.526M15.551 11.86c-.318-1.71-2.49-2.999-5.061-2.999c-2.824 0-5.113 1.544-5.113 3.449c0 1.406 1.266 2.671 3.187 3.18c1.92-1.56 4.303-2.794 6.987-3.63"/><path d="M10.38 14.194c-.976-.228-1.63-.84-1.63-1.527c0-.893 1.09-1.617 2.433-1.617h0c1.276 0 2.335.655 2.427 1.501M40.339 24.86c0 6.036-7.315 10.93-16.339 10.93h0c-9.023 0-16.338-4.894-16.338-10.93h0c0-6.037 7.315-10.93 16.338-10.93h0c9.024 0 16.339 4.893 16.339 10.93"/><path d="M8.71 28.682c3.065-3.493 8.925-5.664 15.29-5.664c6.36 0 12.217 2.168 15.285 5.658"/><path d="m26.903 35.608l-2.165-7.178a2.907 2.907 0 0 0-3.622-1.941h0a2.907 2.907 0 0 0-1.942 3.622l1.648 5.468"/></g></svg>

Hole Io アイコンの使い方

React

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

<Icon icon="arcticons:hole-io" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:hole-io" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:hole-io" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--hole-io]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:hole-io"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:hole-io"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/hole-io.svg" alt="Hole Io アイコン" width="24" height="24">

Hole Io アイコンのよくある質問

Hole Io アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Hole Io アイコンを使うには?

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

Hole Io アイコンをウェブページに追加するには?

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

Arcticons をすべて見る →