Hotdog アイコン

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

はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

hugeicons:hotdog

Hotdog アイコン(hugeicons:hotdog)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M19 10.98c.536-.584 1.5-1.382 2.463-2.633c.648-.842.7-2.032.206-2.976c-.91-1.738-3.194-1.863-4.508-.437a29 29 0 0 1-.987 1.019m-9.24 12.471q-1.093.33-2.157.543c-.986.198-1.947-.347-2.442-1.291c-.91-1.737.134-3.98 1.912-4.522q.644-.196 1.293-.433m11.466-7.7c-.127-.6-.647-1.679-1.734-1.897c-1.525-.306-2.18-.113-4.01 1.417C9.8 5.765 6.689 7.167 5.317 7.715c-1.273.509-2.72 1.848-2.236 3.436c.488 1.598 1.394 1.615 1.748 1.775"/><path d="M19.274 11.159c1.087.218 1.607 1.298 1.734 1.897c.16 1.172-.921 2.285-1.482 2.694c-.927.651-3.525 2.47-6.021 3.822c-2.563 1.389-4.068 1.516-4.675 1.389c-.354-.16-1.26-.177-1.748-1.775c-.484-1.588.963-2.927 2.236-3.436c1.372-.548 4.483-1.95 5.947-3.174c1.83-1.53 2.484-1.723 4.009-1.417m-10.93.631c.243-.285.435-.848.581-1.491c.122-.532.808-.42 1.473-.17c.235.09.505.01.638-.204l1.06-1.709a.44.44 0 0 1 .51-.199c.487.163 1.116.437 1.468.26"/></g></svg>

Hotdog アイコンの使い方

React

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

<Icon icon="hugeicons:hotdog" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:hotdog" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:hotdog" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--hotdog]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:hotdog"></div>

Web コンポーネント

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

<iconify-icon icon="hugeicons:hotdog"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/hotdog.svg" alt="Hotdog アイコン" width="24" height="24">

他のアイコンセットの Hotdog アイコン

Hotdog アイコンのよくある質問

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

はい。Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Huge Icons をすべて見る →