Halal アイコン
hugeicons:halal
Halal アイコン(hugeicons:halal)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Huge Icons
- 作者
- Hugeicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13.582 10.898V9m0 1.898v1.083m0-1.083c0 .457 0 .813.014 1.102m2.138-.5l.081-.03c.714-.257 1.489.052 1.917.763l.048.083l.02.033l.085.153c.317.641-.054 1.447-.69 1.496c-.028.002-.07.002-.156.002h-.787c-.884 0-1.327 0-1.67-.184c-.372-.2-.67-.546-.841-.977c-.088-.222-.127-.479-.145-.839m-.014-.02V12c0 .423 0 .75-.012 1.015m.012-1.034l.014.019M11 15c.802 0 1.203 0 1.52-.152c.421-.203.756-.593.931-1.083c.072-.2.104-.43.119-.75m0 0L11.43 10.5M9 9v4a2 2 0 0 1-2 2"/><path d="M9.78 3.352c.563-.603.845-.905 1.146-1.073a2.2 2.2 0 0 1 2.148 0c.301.168.583.47 1.147 1.073c.254.272.38.408.522.517a2.2 2.2 0 0 0 1.067.442c.177.022.363.016.734.004c.826-.028 1.238-.042 1.57.052a2.21 2.21 0 0 1 1.52 1.52c.093.33.08.743.051 1.568c-.012.372-.018.558.004.735c.05.389.203.757.442 1.067c.11.141.245.268.517.522c.603.564.905.846 1.073 1.147c.372.668.372 1.48 0 2.148c-.168.301-.47.583-1.073 1.147c-.272.254-.408.38-.517.522a2.2 2.2 0 0 0-.442 1.067c-.022.177-.016.363-.004.734c.028.826.042 1.238-.052 1.57a2.2 2.2 0 0 1-1.52 1.52c-.33.093-.743.08-1.569.051c-.371-.012-.557-.018-.734.004c-.389.05-.757.203-1.067.442c-.141.11-.268.245-.522.517c-.564.603-.846.905-1.147 1.073a2.2 2.2 0 0 1-2.148 0c-.301-.168-.583-.47-1.147-1.073c-.254-.272-.38-.408-.522-.517a2.2 2.2 0 0 0-1.067-.442c-.177-.022-.363-.016-.735-.004c-.825.028-1.237.042-1.569-.052a2.2 2.2 0 0 1-1.52-1.52c-.093-.33-.08-.743-.051-1.569c.012-.371.018-.557-.004-.734a2.2 2.2 0 0 0-.442-1.067c-.11-.141-.245-.268-.517-.522c-.603-.564-.905-.846-1.073-1.147a2.2 2.2 0 0 1 0-2.148c.168-.301.47-.583 1.073-1.147c.272-.254.408-.38.517-.522a2.2 2.2 0 0 0 .442-1.067c.022-.177.016-.363.004-.735c-.028-.825-.042-1.237.052-1.569a2.2 2.2 0 0 1 1.52-1.52c.33-.093.743-.08 1.568-.051c.372.012.558.018.735-.004c.389-.05.757-.203 1.067-.442c.141-.11.268-.245.522-.517Z"/></g></svg>Halal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:halal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:halal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:halal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--halal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:halal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:halal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/halal.svg" alt="Halal アイコン" width="24" height="24">Huge Icons の関連アイコン
Halal アイコン のよくある質問
Halal アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Halal アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:halal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Halal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/halal.svg" alt="Halal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。