The Phosphor star and crescent icon depicts the Islamic symbol of a star and crescent, commonly used in UIs to represent Islamic culture, religion, or related content.
Common uses
- Labeling Islamic cultural content.
- Indicating religious affiliation or settings.
- As a decorative element in related themes.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { StarAndCrescent } from '@phosphor-icons/react';
<StarAndCrescent size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<StarAndCrescent size={24} />thin
<StarAndCrescent size={24} weight="thin" />light
<StarAndCrescent size={24} weight="light" />bold
<StarAndCrescent size={24} weight="bold" />fill
<StarAndCrescent size={24} weight="fill" />duotone
<StarAndCrescent size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- islammuslimmoonreligionworshipsymbolcommunicationspeoplestarandcrescentislamic symbolmuslim symbolmoon and starcrescent star
FAQ
- What does the star and crescent icon represent?
- It represents the star and crescent symbol, which is widely associated with Islam and Muslim culture.
- How do I use the star and crescent icon in React?
- You can import and use it like this: import { StarAndCrescent } from '@phosphor-icons/react'. Then render it as <StarAndCrescent />.
- What is the license for this icon?
- This icon is part of the Phosphor library, which is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →