Purpose-built
From prayer and pilgrimage to everyday life. Familiar concepts, thoughtfully represented.
Icons for
the Ummah.
Muslim and Islamic icons for apps, websites and design systems.
THE COLLECTION 01 — 104
Explore the icons.104 icons
24 × 24 viewBoxBuilt for the people
building for the Ummah.
Finding the right icon shouldn’t get in the way of a meaningful idea. We’re bringing relevant, consistent assets together in one open-source collection.
Developer-friendly
Original SVGs, a typed React API, and the freedom to build things your way.
Consistent by design
A shared visual language, made to feel at home in your interface.
Open to everyone
Free to explore, improve and contribute to. Better when we build together.
From icon
to interface.
A familiar React API. Size, color and standard SVG props. No extra moving parts.
View package on npm Read the documentation01 / Install the React package
npm install @muslim-icons/react02 / Make it part of your interface
import { Mosque, Quran, PrayerMat }
from "@muslim-icons/react";
<Mosque size={24} />
<Quran size={32} color="#246b55" />
<PrayerMat size={24} />React 18 / 19TypeScriptSVGNext.js & Vite compatible API
Muslim icons, explained.
Package usage, SVG downloads and licensing.
Muslim Icons is a free, open-source icon library for developers and designers building products for Muslim communities. Its Islamic icon collection covers mosques, prayer, Quran study, Ramadan, Eid, Hajj, Umrah and everyday Muslim life.
Yes. Open an icon in the explorer, choose its size and color, and download its SVG. All 104 icons are synced from the original Muslim Icons source library, using a consistent 24×24 outline style.
Install @muslim-icons/react from npm, then import components such as Mosque, Quran, OpenQuran, PrayerMat and Kaaba. Components accept size, color and standard SVG props. The current npm release is v0.2.1 with 95 icon exports. The full SVG collection tracks the main repository, which can include newer icons.
The software is MIT licensed. The source repository describes intended CC0 1.0 artwork licensing, subject to contributor rights confirmation. Review the repository's artwork licensing notes before using the SVGs in a commercial or production project.
Help shape the collection.
Design an icon. Improve the code. Share an idea.
There’s a place for your contribution.