Moustache icon
Download the Moustache icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- mustache
- facial-hair
- beard
- man
- gentleman
- movember
- hipster
Size
Stroke
Color
- Category
- general
- Styles
- Outline
- Component
- IconMoustache
- License
- MIT · Paweł Kuna
- Files
-
outline/moustache.svg
Code
Copy it the way you use it
moustache.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 9a3 3 0 0 1 2.599 1.5c.933 1.333 2.133 1.556 3.126 1.556l.291 0l.77 -.044l.213 0c-.963 1.926 -3.163 2.925 -6.6 3l-.4 0l-.165 0a3 3 0 0 1 .165 -6l.001 -.012" />
<path d="M9 9a3 3 0 0 0 -2.599 1.5c-.933 1.333 -2.133 1.556 -3.126 1.556l-.291 0l-.77 -.044l-.213 0c.963 1.926 3.163 2.925 6.6 3l.4 0l.165 0a3 3 0 0 0 -.165 -6l-.001 -.012" />
</svg>Use the Moustache icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconMoustache } from '@tabler/icons-react';
<IconMoustache size={24} stroke={2} />Vue example
import { IconMoustache } from '@tabler/icons-vue';
<IconMoustache :size="24" :stroke="2" />Svelte 5 example
import { IconMoustache } from '@tabler/icons-svelte-runes';
<IconMoustache size={24} stroke={2} />Related