muslim icon
muslim from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- muslim
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the muslim icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m15.5 9.058l.421-2.155C16.416 4.366 14.523 2 12 2S7.584 4.366 8.079 6.903l.42 2.155C8.834 10.768 10.3 12 12 12c1.702 0 3.167-1.231 3.5-2.942Z"/><path fill="currentColor" d="M10.75 11.5a.75.75 0 0 0-1.5 0zm4 0a.75.75 0 0 0-1.5 0zm-2.66 4.498l-.029-.75zm-.18 0l.029-.75zm1.252-.88l.54.52zM9.25 11.5v1.282h1.5V11.5zm4 0v1.282h1.5V11.5zm-1.189 3.749L12 15.25v1.5l.12-.002zm-.18 1.499l.119.002v-1.5l-.061-.001zm1.369-3.966c0 .515-.006.765-.074.994c-.059.2-.185.438-.555.822l1.082 1.04c.468-.487.76-.928.911-1.435c.142-.477.136-.96.136-1.421zm-1.13 3.966c.038-.002.174-.004.332-.06a1.3 1.3 0 0 0 .375-.21c.196-.15.462-.41.876-.84l-1.082-1.04c-.424.442-.616.62-.707.69c-.04.03-.019.006.045-.016c.074-.025.142-.025.102-.023zm-2.87-3.966c0 .46-.006.944.136 1.42c.15.508.443.95.912 1.436l1.08-1.04c-.37-.384-.495-.623-.554-.822c-.068-.229-.074-.479-.074-.994zm2.689 2.467c-.04-.002.028-.002.102.023c.064.022.085.046.045.016c-.091-.07-.283-.248-.707-.69l-1.082 1.04c.414.43.68.69.876.84c.104.08.226.16.375.21c.159.056.294.058.333.06z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M10 14c-3.244.927-4.865 1.39-5.854 2.584a5 5 0 0 0-.271.36C3.117 18.048 3.014 19.458 3 22m11-8c3.244.927 4.865 1.39 5.854 2.584q.144.174.271.36c.759 1.105.861 2.515.875 5.056m-9-6v4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 6h8"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsMuslim(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="m15.5 9.058l.421-2.155C16.416 4.366 14.523 2 12 2S7.584 4.366 8.079 6.903l.42 2.155C8.834 10.768 10.3 12 12 12c1.702 0 3.167-1.231 3.5-2.942Z"/><path fill="currentColor" d="M10.75 11.5a.75.75 0 0 0-1.5 0zm4 0a.75.75 0 0 0-1.5 0zm-2.66 4.498l-.029-.75zm-.18 0l.029-.75zm1.252-.88l.54.52zM9.25 11.5v1.282h1.5V11.5zm4 0v1.282h1.5V11.5zm-1.189 3.749L12 15.25v1.5l.12-.002zm-.18 1.499l.119.002v-1.5l-.061-.001zm1.369-3.966c0 .515-.006.765-.074.994c-.059.2-.185.438-.555.822l1.082 1.04c.468-.487.76-.928.911-1.435c.142-.477.136-.96.136-1.421zm-1.13 3.966c.038-.002.174-.004.332-.06a1.3 1.3 0 0 0 .375-.21c.196-.15.462-.41.876-.84l-1.082-1.04c-.424.442-.616.62-.707.69c-.04.03-.019.006.045-.016c.074-.025.142-.025.102-.023zm-2.87-3.966c0 .46-.006.944.136 1.42c.15.508.443.95.912 1.436l1.08-1.04c-.37-.384-.495-.623-.554-.822c-.068-.229-.074-.479-.074-.994zm2.689 2.467c-.04-.002.028-.002.102.023c.064.022.085.046.045.016c-.091-.07-.283-.248-.707-.69l-1.082 1.04c.414.43.68.69.876.84c.104.08.226.16.375.21c.159.056.294.058.333.06z"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M10 14c-3.244.927-4.865 1.39-5.854 2.584a5 5 0 0 0-.271.36C3.117 18.048 3.014 19.458 3 22m11-8c3.244.927 4.865 1.39 5.854 2.584q.144.174.271.36c.759 1.105.861 2.515.875 5.056m-9-6v4"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M8 6h8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m15.5 9.058l.421-2.155C16.416 4.366 14.523 2 12 2S7.584 4.366 8.079 6.903l.42 2.155C8.834 10.768 10.3 12 12 12c1.702 0 3.167-1.231 3.5-2.942Z"/><path fill="currentColor" d="M10.75 11.5a.75.75 0 0 0-1.5 0zm4 0a.75.75 0 0 0-1.5 0zm-2.66 4.498l-.029-.75zm-.18 0l.029-.75zm1.252-.88l.54.52zM9.25 11.5v1.282h1.5V11.5zm4 0v1.282h1.5V11.5zm-1.189 3.749L12 15.25v1.5l.12-.002zm-.18 1.499l.119.002v-1.5l-.061-.001zm1.369-3.966c0 .515-.006.765-.074.994c-.059.2-.185.438-.555.822l1.082 1.04c.468-.487.76-.928.911-1.435c.142-.477.136-.96.136-1.421zm-1.13 3.966c.038-.002.174-.004.332-.06a1.3 1.3 0 0 0 .375-.21c.196-.15.462-.41.876-.84l-1.082-1.04c-.424.442-.616.62-.707.69c-.04.03-.019.006.045-.016c.074-.025.142-.025.102-.023zm-2.87-3.966c0 .46-.006.944.136 1.42c.15.508.443.95.912 1.436l1.08-1.04c-.37-.384-.495-.623-.554-.822c-.068-.229-.074-.479-.074-.994zm2.689 2.467c-.04-.002.028-.002.102.023c.064.022.085.046.045.016c-.091-.07-.283-.248-.707-.69l-1.082 1.04c.414.43.68.69.876.84c.104.08.226.16.375.21c.159.056.294.058.333.06z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M10 14c-3.244.927-4.865 1.39-5.854 2.584a5 5 0 0 0-.271.36C3.117 18.048 3.014 19.458 3 22m11-8c3.244.927 4.865 1.39 5.854 2.584q.144.174.271.36c.759 1.105.861 2.515.875 5.056m-9-6v4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 6h8"/></g></svg> </template>
CSS
.icon-muslim {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m15.5%209.058l.421-2.155C16.416%204.366%2014.523%202%2012%202S7.584%204.366%208.079%206.903l.42%202.155C8.834%2010.768%2010.3%2012%2012%2012c1.702%200%203.167-1.231%203.5-2.942Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.75%2011.5a.75.75%200%200%200-1.5%200zm4%200a.75.75%200%200%200-1.5%200zm-2.66%204.498l-.029-.75zm-.18%200l.029-.75zm1.252-.88l.54.52zM9.25%2011.5v1.282h1.5V11.5zm4%200v1.282h1.5V11.5zm-1.189%203.749L12%2015.25v1.5l.12-.002zm-.18%201.499l.119.002v-1.5l-.061-.001zm1.369-3.966c0%20.515-.006.765-.074.994c-.059.2-.185.438-.555.822l1.082%201.04c.468-.487.76-.928.911-1.435c.142-.477.136-.96.136-1.421zm-1.13%203.966c.038-.002.174-.004.332-.06a1.3%201.3%200%200%200%20.375-.21c.196-.15.462-.41.876-.84l-1.082-1.04c-.424.442-.616.62-.707.69c-.04.03-.019.006.045-.016c.074-.025.142-.025.102-.023zm-2.87-3.966c0%20.46-.006.944.136%201.42c.15.508.443.95.912%201.436l1.08-1.04c-.37-.384-.495-.623-.554-.822c-.068-.229-.074-.479-.074-.994zm2.689%202.467c-.04-.002.028-.002.102.023c.064.022.085.046.045.016c-.091-.07-.283-.248-.707-.69l-1.082%201.04c.414.43.68.69.876.84c.104.08.226.16.375.21c.159.056.294.058.333.06z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2014c-3.244.927-4.865%201.39-5.854%202.584a5%205%200%200%200-.271.36C3.117%2018.048%203.014%2019.458%203%2022m11-8c3.244.927%204.865%201.39%205.854%202.584q.144.174.271.36c.759%201.105.861%202.515.875%205.056m-9-6v4%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8%206h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m15.5%209.058l.421-2.155C16.416%204.366%2014.523%202%2012%202S7.584%204.366%208.079%206.903l.42%202.155C8.834%2010.768%2010.3%2012%2012%2012c1.702%200%203.167-1.231%203.5-2.942Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.75%2011.5a.75.75%200%200%200-1.5%200zm4%200a.75.75%200%200%200-1.5%200zm-2.66%204.498l-.029-.75zm-.18%200l.029-.75zm1.252-.88l.54.52zM9.25%2011.5v1.282h1.5V11.5zm4%200v1.282h1.5V11.5zm-1.189%203.749L12%2015.25v1.5l.12-.002zm-.18%201.499l.119.002v-1.5l-.061-.001zm1.369-3.966c0%20.515-.006.765-.074.994c-.059.2-.185.438-.555.822l1.082%201.04c.468-.487.76-.928.911-1.435c.142-.477.136-.96.136-1.421zm-1.13%203.966c.038-.002.174-.004.332-.06a1.3%201.3%200%200%200%20.375-.21c.196-.15.462-.41.876-.84l-1.082-1.04c-.424.442-.616.62-.707.69c-.04.03-.019.006.045-.016c.074-.025.142-.025.102-.023zm-2.87-3.966c0%20.46-.006.944.136%201.42c.15.508.443.95.912%201.436l1.08-1.04c-.37-.384-.495-.623-.554-.822c-.068-.229-.074-.479-.074-.994zm2.689%202.467c-.04-.002.028-.002.102.023c.064.022.085.046.045.016c-.091-.07-.283-.248-.707-.69l-1.082%201.04c.414.43.68.69.876.84c.104.08.226.16.375.21c.159.056.294.058.333.06z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2014c-3.244.927-4.865%201.39-5.854%202.584a5%205%200%200%200-.271.36C3.117%2018.048%203.014%2019.458%203%2022m11-8c3.244.927%204.865%201.39%205.854%202.584q.144.174.271.36c.759%201.105.861%202.515.875%205.056m-9-6v4%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8%206h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/muslim.svg?color=%231a73e8&size=48
