Muhammad icon
hugeicons:muhammad
The Muhammad icon (hugeicons:muhammad) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Huge Icons
- Author
- Hugeicons
- License
- MIT
- Size
- 24 × 24
SVG code
<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>How to use the Muhammad icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:muhammad"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/hugeicons/muhammad.svg" alt="Muhammad icon" width="24" height="24">Muhammad icon FAQ
Is the Muhammad icon free for commercial use?
Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Muhammad icon in React?
Install @iconify/react and render <Icon icon="hugeicons:muhammad" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Muhammad icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/muhammad.svg" alt="Muhammad icon">, or paste the SVG code inline to style it with CSS.