Gentleface › Religion & belief › religion-islam

religion-islam icon

Religion islam: islam, muslim. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.316 1.723C10.37 1.803 10.398 1.893 10.4 1.992C10.402 2.13 10.356 2.249 10.26 2.348C10.164 2.447 10.047 2.498 9.909 2.501C9.28 2.512 8.675 2.638 8.094 2.878C7.464 3.137 6.91 3.511 6.432 3.997C5.955 4.483 5.592 5.043 5.344 5.678C5.115 6.264 5 6.871 5 7.5C5 8.129 5.115 8.736 5.344 9.322C5.592 9.957 5.955 10.517 6.432 11.003C6.91 11.489 7.464 11.863 8.094 12.122C8.675 12.362 9.28 12.488 9.909 12.499C10.008 12.501 10.097 12.529 10.178 12.583C10.259 12.637 10.319 12.709 10.358 12.799C10.413 12.926 10.416 13.053 10.365 13.182C10.315 13.31 10.227 13.402 10.1 13.457C9.163 13.866 8.185 14.044 7.164 13.991C6.6 13.962 6.049 13.861 5.511 13.688C4.954 13.509 4.43 13.259 3.94 12.938C3.45 12.618 3.011 12.237 2.624 11.798C2.25 11.374 1.937 10.91 1.685 10.404C1.228 9.49 1 8.522 1 7.5C1 6.478 1.228 5.51 1.685 4.596C1.937 4.09 2.25 3.626 2.624 3.202C3.011 2.763 3.45 2.382 3.94 2.062C4.43 1.741 4.954 1.491 5.511 1.312C6.049 1.139 6.6 1.038 7.164 1.009C8.185 0.956 9.163 1.134 10.1 1.543C10.19 1.582 10.263 1.642 10.316 1.723ZM4.488 2.898C3.658 3.441 3.022 4.156 2.58 5.043C2.193 5.816 2 6.635 2 7.5C2 8.365 2.193 9.184 2.58 9.957C3.022 10.844 3.658 11.559 4.488 12.102C5.317 12.644 6.226 12.941 7.216 12.993C7.345 12.999 7.473 13.002 7.601 13C6.891 12.69 6.264 12.259 5.719 11.704C5.146 11.12 4.711 10.448 4.413 9.686C4.138 8.983 4 8.255 4 7.5C4 6.745 4.138 6.017 4.413 5.314C4.711 4.552 5.146 3.88 5.719 3.296C6.264 2.741 6.891 2.31 7.601 2C7.473 1.998 7.345 2.001 7.216 2.007C6.226 2.059 5.317 2.356 4.488 2.898ZM11.937 5.593L12.374 6.686C12.412 6.781 12.474 6.857 12.558 6.914C12.643 6.971 12.736 7 12.839 7L13.65 7C13.899 7 14.1 7.201 14.1 7.45C14.1 7.592 14.033 7.725 13.92 7.81L13.252 8.311C13.175 8.369 13.119 8.443 13.085 8.532C13.051 8.622 13.043 8.715 13.062 8.809L13.269 9.845C13.318 10.089 13.16 10.326 12.916 10.375C12.79 10.4 12.66 10.37 12.558 10.293L11.8 9.725C11.711 9.658 11.611 9.625 11.5 9.625C11.389 9.625 11.289 9.658 11.2 9.725L10.442 10.293C10.243 10.442 9.961 10.402 9.812 10.203C9.735 10.101 9.706 9.971 9.731 9.845L9.938 8.809C9.957 8.715 9.949 8.622 9.915 8.532C9.881 8.443 9.825 8.369 9.748 8.311L9.08 7.81C8.985 7.738 8.921 7.632 8.905 7.514C8.888 7.395 8.918 7.275 8.99 7.18C9.075 7.067 9.208 7 9.35 7L10.161 7C10.264 7 10.357 6.971 10.442 6.914C10.526 6.857 10.588 6.781 10.626 6.686L11.063 5.593C11.099 5.503 11.156 5.431 11.236 5.378C11.315 5.324 11.403 5.297 11.5 5.297C11.597 5.297 11.685 5.324 11.764 5.378C11.844 5.431 11.901 5.503 11.937 5.593Z"/></svg>

React

// Gentleface "religion-islam" (line-round), MIT. https://gentleface.com/icons/religion-islam
import type { SVGProps } from 'react';

export function ReligionIslamIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.316 1.723C10.37 1.803 10.398 1.893 10.4 1.992C10.402 2.13 10.356 2.249 10.26 2.348C10.164 2.447 10.047 2.498 9.909 2.501C9.28 2.512 8.675 2.638 8.094 2.878C7.464 3.137 6.91 3.511 6.432 3.997C5.955 4.483 5.592 5.043 5.344 5.678C5.115 6.264 5 6.871 5 7.5C5 8.129 5.115 8.736 5.344 9.322C5.592 9.957 5.955 10.517 6.432 11.003C6.91 11.489 7.464 11.863 8.094 12.122C8.675 12.362 9.28 12.488 9.909 12.499C10.008 12.501 10.097 12.529 10.178 12.583C10.259 12.637 10.319 12.709 10.358 12.799C10.413 12.926 10.416 13.053 10.365 13.182C10.315 13.31 10.227 13.402 10.1 13.457C9.163 13.866 8.185 14.044 7.164 13.991C6.6 13.962 6.049 13.861 5.511 13.688C4.954 13.509 4.43 13.259 3.94 12.938C3.45 12.618 3.011 12.237 2.624 11.798C2.25 11.374 1.937 10.91 1.685 10.404C1.228 9.49 1 8.522 1 7.5C1 6.478 1.228 5.51 1.685 4.596C1.937 4.09 2.25 3.626 2.624 3.202C3.011 2.763 3.45 2.382 3.94 2.062C4.43 1.741 4.954 1.491 5.511 1.312C6.049 1.139 6.6 1.038 7.164 1.009C8.185 0.956 9.163 1.134 10.1 1.543C10.19 1.582 10.263 1.642 10.316 1.723ZM4.488 2.898C3.658 3.441 3.022 4.156 2.58 5.043C2.193 5.816 2 6.635 2 7.5C2 8.365 2.193 9.184 2.58 9.957C3.022 10.844 3.658 11.559 4.488 12.102C5.317 12.644 6.226 12.941 7.216 12.993C7.345 12.999 7.473 13.002 7.601 13C6.891 12.69 6.264 12.259 5.719 11.704C5.146 11.12 4.711 10.448 4.413 9.686C4.138 8.983 4 8.255 4 7.5C4 6.745 4.138 6.017 4.413 5.314C4.711 4.552 5.146 3.88 5.719 3.296C6.264 2.741 6.891 2.31 7.601 2C7.473 1.998 7.345 2.001 7.216 2.007C6.226 2.059 5.317 2.356 4.488 2.898ZM11.937 5.593L12.374 6.686C12.412 6.781 12.474 6.857 12.558 6.914C12.643 6.971 12.736 7 12.839 7L13.65 7C13.899 7 14.1 7.201 14.1 7.45C14.1 7.592 14.033 7.725 13.92 7.81L13.252 8.311C13.175 8.369 13.119 8.443 13.085 8.532C13.051 8.622 13.043 8.715 13.062 8.809L13.269 9.845C13.318 10.089 13.16 10.326 12.916 10.375C12.79 10.4 12.66 10.37 12.558 10.293L11.8 9.725C11.711 9.658 11.611 9.625 11.5 9.625C11.389 9.625 11.289 9.658 11.2 9.725L10.442 10.293C10.243 10.442 9.961 10.402 9.812 10.203C9.735 10.101 9.706 9.971 9.731 9.845L9.938 8.809C9.957 8.715 9.949 8.622 9.915 8.532C9.881 8.443 9.825 8.369 9.748 8.311L9.08 7.81C8.985 7.738 8.921 7.632 8.905 7.514C8.888 7.395 8.918 7.275 8.99 7.18C9.075 7.067 9.208 7 9.35 7L10.161 7C10.264 7 10.357 6.971 10.442 6.914C10.526 6.857 10.588 6.781 10.626 6.686L11.063 5.593C11.099 5.503 11.156 5.431 11.236 5.378C11.315 5.324 11.403 5.297 11.5 5.297C11.597 5.297 11.685 5.324 11.764 5.378C11.844 5.431 11.901 5.503 11.937 5.593Z" />
    </svg>
  );
}

Vue

Vue: see /icons/religion-islam.md

Svelte

Svelte: see /icons/religion-islam.md

HTML img

HTML img: see /icons/religion-islam.md

CSS

CSS: see /icons/religion-islam.md

Data URL

Data URL: see /icons/religion-islam.md

Sprite

Sprite: see /icons/religion-islam.md

SwiftUI

SwiftUI: see /icons/religion-islam.md

Compose

Compose: see /icons/religion-islam.md

Android XML

Android XML: see /icons/religion-islam.md

Flutter

Flutter: see /icons/religion-islam.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { ReligionIslamIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

islam, muslim

Tags

islam, muslim, star-and-crescent, crescent, star, mosque, religion, belief, symbol

Category

Religion & belief

Component name

ReligionIslamIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.6.0

Since

version 0.6.0

Family 10

religion-bahai religion-buddhism religion-christianity religion-faith religion-hinduism religion-judaism religion-shinto religion-sikhism religion-taoism saint

For agents

Metadata: /icons/religion-islam.json · Markdown: /icons/religion-islam.md · SVG: https://gentleface.com/svg/{style}/16/religion-islam.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/religion-islam.png

religion-islam icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

Family 10

For agents

religion-islam icon