Hoyolab アイコン
arcticons:hoyolab
Hoyolab アイコン(arcticons:hoyolab)は、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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M25.905 34.047c5.043-1.472 6.82-1.298 8.349-1.294c1.134.003 2.258-.203 3.292-.67l.133-.06c4.477-2.021 6.181-7.503 3.631-11.7c-3.846-6.33-9.16-14.018-11.98-13.42c-4.74 1.006-4.74 7.122-4.74 7.122s-1.271-.278-4.337.672c-3.094.85-4.017 1.768-4.017 1.768s-3.292-5.154-7.828-3.45c-2.697 1.012-3.04 10.351-2.873 17.757c.11 4.91 4.497 8.612 9.357 7.906l.145-.02c1.122-.164 2.181-.596 3.135-1.208c1.287-.827 2.69-1.93 7.733-3.403"/><path d="M16 38.449c1.511 3.138 3.737 3.16 5.264 1.901c1.527-1.258 1.64-4.019-.023-6.564m3.239-2.949c2.429-.71 10.226-.66 7.968-6.387s-5.869-5.863-11.174-4.585c-5.159 1.778-8.128 3.836-6.949 9.878c1.18 6.043 7.725 1.804 10.154 1.094m-4.626-2.619l-.956-3.274m8.071 1.196l-.956-3.274m8.696 9.874c2.273 3.972 2.226 6.963 2.226 6.963"/></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.854 32.75c-1.494 4.283-7.256 6.953-12.674 3.472"/></svg>Hoyolab アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:hoyolab" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:hoyolab" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:hoyolab" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--hoyolab]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:hoyolab"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:hoyolab"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/hoyolab.svg" alt="Hoyolab アイコン" width="24" height="24">Hoyolab アイコン のよくある質問
Hoyolab アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Hoyolab アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:hoyolab" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hoyolab アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/hoyolab.svg" alt="Hoyolab アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。