Hoppscotch Light アイコン
selfhst:hoppscotch-light
Hoppscotch Light アイコン(selfhst:hoppscotch-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- hoppscotchlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M365.7 280.2c-22.1-15.8-52.3-33.2-91.8-50.7c-10.7-4.8-14.9-17.5-10.4-27.7s14.4-16.9 35.3-17.9c9.8 0 11.1-2.8 11.6-5.1c.6-3.6-4.4-7.3-9.6-9.6c-41-18.2-91.1-10.6-125.9 26c-34-7.6-69.9-8.6-75.9 4.9c-7.3 16.3 31.8 62.7 138.9 110.4c107 47.7 167.7 45.7 174.9 29.3c6.1-13.5-18.7-39.5-47.1-59.6m-175.1-34.4c-4.8 7.7-16.5 9.1-26.1 3.1s-13.5-17.1-8.7-24.8s16.5-9.1 26.1-3.1s13.5 17.1 8.7 24.8m80 42c-3.7 8.4-15.2 11.4-25.5 6.7c-10.4-4.6-15.8-15.1-12.1-23.5s15.2-11.4 25.5-6.7c10.4 4.7 15.8 15.2 12.1 23.5m86.4 25.9c-2.5 8.7-13.4 13.3-24.2 10.2c-10.9-3.1-17.7-12.7-15.2-21.5c2.5-8.7 13.4-13.3 24.2-10.2s17.7 12.7 15.2 21.5M397.7 0H114.3C51.2 0 0 51.2 0 114.3v283.3C0 460.8 51.2 512 114.3 512h283.3c63.1 0 114.3-51.2 114.3-114.3V114.3C512 51.2 460.8 0 397.7 0m40.6 351.2c-15 33.6-68.3 32.3-129 15.2c-29.2 16.2-65.5 18.9-98.2 4.3c-32.8-14.6-55-43.4-62.5-75.9c-53.2-33.7-90-72.4-75-106c13.4-30 56.2-30 92.5-23.7c40.4-34.7 97-43.2 146.1-21.4c49.1 21.9 80.6 69.6 81.9 122.8c28.8 22.8 57.5 54.7 44.2 84.7"/></svg>Hoppscotch Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hoppscotch-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hoppscotch-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hoppscotch-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hoppscotch-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hoppscotch-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hoppscotch-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch-light.svg" alt="Hoppscotch Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Hoppscotch Light アイコン のよくある質問
Hoppscotch Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hoppscotch Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:hoppscotch-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hoppscotch Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch-light.svg" alt="Hoppscotch Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。