Bhop Pro アイコン

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

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

arcticons:bhop-pro

Bhop Pro アイコン(arcticons:bhop-pro)は、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
タグ: bhoppro

SVG をダウンロード

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="m19.222 32.118l.082-5.904l.308-.912l.065-3.571l-.359-.805l.05-3.671c.291-.351 1.051-.368 1.812-.384l-.076-2.687c-.05-1.79 1.545-3.301 2.565-4.031c.654-.02 1.545.147 1.764-.21c-.427-1.394-.034-2.281.353-3.17l1.864-1.217c2.19-.262 2.746.386 4.164 1.802c.1.72.209 1.57-.098 2.103l-.659.385l-.153.823l1.044.354c.832 1.574.957 2.315 1.688 5.112l1.404-1.006c.171-1.574.487-2.8 1.108-3.86c.285-.486.513-.652.362-1.043l-.393-.437c-.52-.738-.75-1.827-.914-2.888c-.073-.473-.058-.86-.04-1.275l1.355 1.397c.504 1.31.955 2.33.878 3.177l1.63-.178c.367-.04.443.612.113.705l-.813.23l.665.682l.178.74c-.33.69-.947 1.36-1.467 1.67c.067 1.272.149 1.797-.147 2.373l-.566.124l.209 1.122c-.482.939-1.142 1.373-2 1.91c-.464.004-.81.118-1.406.007c-1.26-.233-1.34-.913-2.913-1.313l-.27.594l.867.643c.363 1.175.277 2.474.074 3.525l-.75 1.433l-1.023.217l.106 1.53c1.87 1.655 2.409 3.148 3.148 5.56c1.12 1.077 1.162 2.104.72 2.509c-.749.684-1.948 1.1-3.161 1.66l-1.674 1.124c-.235.157-.46-.095-.63-.247l-2.073 1.236c-.1.759-.457 1.483-.662 1.969c.264.775.391 1.482-.004 1.99l.126.377l-.841.109c-.3-.306-.429-.68-.43-1.106c-.866-1.196-1.6-2.518-1.49-3.547l-.808-.851l.392-.736c.449-.185.897-.22 1.346-.12c.527-.56 1.409-.782 2.341-1.54a8.7 8.7 0 0 0 1.697-1.772c-.557-.848-1.108-2.078-1.97-2.42l-.257.212l-.356-.445c-.267-.054-.622.34-1.375 1.54l-.419.281l.526.438c-.752.86-.396 1.391-1.06 2.117l-1.065.063c-.124.16-.2.341-.462.448c-.808.33-1.103-.183-1.76.073l-.662.65l-.329.572c-.41.03-.79-.046-1.252.178c-.518.229-.425.466-1.143.805c-.542.256-1.295.538-2.017.004c-2.013 1.758-3.1 2.045-3.282 3.79l-.6-.086c-.3-1.103-.297-1.34-.926-1.816c-.94-.71-.979-1.005-.581-1.46l.508-.036c1.24-1.405 1.543-1.735 2.894-1.89l.478-.297l-.013-.88l.334-.539l.63-.041c.792-.46 1.105-.578 1.66-.275l.616-.898c1.925-.772 2.434-.777 3.225-.8"/></svg>

Bhop Pro アイコンの使い方

React

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

<Icon icon="arcticons:bhop-pro" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:bhop-pro" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:bhop-pro" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:bhop-pro"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/bhop-pro.svg" alt="Bhop Pro アイコン" width="24" height="24">

Bhop Pro アイコンのよくある質問

Bhop Pro アイコンは商用利用でも無料ですか?

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

React で Bhop Pro アイコンを使うには?

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

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

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

Arcticons をすべて見る →