Muhammad アイコン
hugeicons:muhammad
Muhammad アイコン(hugeicons:muhammad)は、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 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"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.084 10.516c-.43-.547-.539-1.16-.4-1.72c.17-.693.77-.956 1.433-.7c.83.322.97 1.431.167 1.817c-.374.18-.78.382-1.2.603m0 0c-.532.279-1.088.587-1.63.914l4.546.914c-2.121.304-6.364 1.37-4.546 3.656c-1.677-.843-2.15-1.41-2.267-2.742m0 0c-.072-.834-.005-1.968-.005-3.656m.005 3.656c-.608.762-2.096 1.92-3.187.457"/></g></svg>Muhammad アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:muhammad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:muhammad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:muhammad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--muhammad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:muhammad"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:muhammad"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/muhammad.svg" alt="Muhammad アイコン" width="24" height="24">Muhammad アイコン のよくある質問
Muhammad アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Muhammad アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:muhammad" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Muhammad アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/muhammad.svg" alt="Muhammad アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。