# face-mask icon

Face mask. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/face-mask

- Category: Health & medical
- Use it for: face mask, mask required, medical mask, surgical mask, ppe
- Tags: mask, face-mask, medical, surgical, covid, hygiene, protection, virus, respirator
- Component name: FaceMaskIcon
- Added: 2026-10-16

## Don't confuse with

- `mask`: mask is the layer or clipping mask (design)

## Not for

- layer mask (use `mask`): a medical face mask

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/face-mask.svg · PNG https://gentleface.com/png/line-round/16/face-mask.png · https://gentleface.com/png/line-round/32/face-mask.png · https://gentleface.com/png/line-round/48/face-mask.png
- line-soft: https://gentleface.com/svg/line-soft/16/face-mask.svg · PNG https://gentleface.com/png/line-soft/16/face-mask.png · https://gentleface.com/png/line-soft/32/face-mask.png · https://gentleface.com/png/line-soft/48/face-mask.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/face-mask.svg · PNG https://gentleface.com/png/line-sharp/16/face-mask.png · https://gentleface.com/png/line-sharp/32/face-mask.png · https://gentleface.com/png/line-sharp/48/face-mask.png
- solid-round: https://gentleface.com/svg/solid-round/16/face-mask.svg · PNG https://gentleface.com/png/solid-round/16/face-mask.png · https://gentleface.com/png/solid-round/32/face-mask.png · https://gentleface.com/png/solid-round/48/face-mask.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/face-mask.svg · PNG https://gentleface.com/png/solid-soft/16/face-mask.png · https://gentleface.com/png/solid-soft/32/face-mask.png · https://gentleface.com/png/solid-soft/48/face-mask.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/face-mask.svg · PNG https://gentleface.com/png/solid-sharp/16/face-mask.png · https://gentleface.com/png/solid-sharp/32/face-mask.png · https://gentleface.com/png/solid-sharp/48/face-mask.png

The SVG of every style: https://gentleface.com/icons/face-mask.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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="M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z"/></svg>
```

### React

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

export function FaceMaskIcon(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="M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask -->
<script>
  let props = $props();
</script>

<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="M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/face-mask.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask. Takes the text color. */
.icon-face-mask {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#face-mask"/></svg>
```

### SwiftUI

```swift
// Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask
import SwiftUI

struct FaceMaskIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 13.491, y: 4.281))
        p.addCurve(to: CGPoint(x: 14.33, y: 5.101), control1: CGPoint(x: 13.813, y: 4.472), control2: CGPoint(x: 14.093, y: 4.745))
        p.addCurve(to: CGPoint(x: 14.843, y: 6.268), control1: CGPoint(x: 14.556, y: 5.44), control2: CGPoint(x: 14.727, y: 5.829))
        p.addCurve(to: CGPoint(x: 15, y: 7.5), control1: CGPoint(x: 14.948, y: 6.665), control2: CGPoint(x: 15, y: 7.075))
        p.addCurve(to: CGPoint(x: 14.843, y: 8.732), control1: CGPoint(x: 15, y: 7.925), control2: CGPoint(x: 14.948, y: 8.335))
        p.addCurve(to: CGPoint(x: 14.33, y: 9.899), control1: CGPoint(x: 14.727, y: 9.171), control2: CGPoint(x: 14.556, y: 9.56))
        p.addCurve(to: CGPoint(x: 13.491, y: 10.719), control1: CGPoint(x: 14.093, y: 10.255), control2: CGPoint(x: 13.813, y: 10.528))
        p.addCurve(to: CGPoint(x: 12.837, y: 10.969), control1: CGPoint(x: 13.281, y: 10.844), control2: CGPoint(x: 13.063, y: 10.928))
        p.addCurve(to: CGPoint(x: 12.5, y: 10.897), control1: CGPoint(x: 12.719, y: 10.991), control2: CGPoint(x: 12.598, y: 10.965))
        p.addCurve(to: CGPoint(x: 11.894, y: 11.362), control1: CGPoint(x: 12.332, y: 11.089), control2: CGPoint(x: 12.13, y: 11.244))
        p.addLine(to: CGPoint(x: 9.171, y: 12.724))
        p.addCurve(to: CGPoint(x: 8, y: 13), control1: CGPoint(x: 8.802, y: 12.908), control2: CGPoint(x: 8.412, y: 13))
        p.addCurve(to: CGPoint(x: 6.829, y: 12.724), control1: CGPoint(x: 7.588, y: 13), control2: CGPoint(x: 7.198, y: 12.908))
        p.addLine(to: CGPoint(x: 4.106, y: 11.362))
        p.addCurve(to: CGPoint(x: 3.5, y: 10.897), control1: CGPoint(x: 3.87, y: 11.244), control2: CGPoint(x: 3.668, y: 11.089))
        p.addCurve(to: CGPoint(x: 3.163, y: 10.969), control1: CGPoint(x: 3.402, y: 10.965), control2: CGPoint(x: 3.281, y: 10.991))
        p.addCurve(to: CGPoint(x: 2.509, y: 10.719), control1: CGPoint(x: 2.937, y: 10.928), control2: CGPoint(x: 2.719, y: 10.844))
        p.addCurve(to: CGPoint(x: 1.67, y: 9.899), control1: CGPoint(x: 2.187, y: 10.528), control2: CGPoint(x: 1.907, y: 10.255))
        p.addCurve(to: CGPoint(x: 1.157, y: 8.732), control1: CGPoint(x: 1.444, y: 9.56), control2: CGPoint(x: 1.273, y: 9.171))
        p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.052, y: 8.335), control2: CGPoint(x: 1, y: 7.925))
        p.addCurve(to: CGPoint(x: 1.157, y: 6.268), control1: CGPoint(x: 1, y: 7.075), control2: CGPoint(x: 1.052, y: 6.665))
        p.addCurve(to: CGPoint(x: 1.67, y: 5.101), control1: CGPoint(x: 1.273, y: 5.829), control2: CGPoint(x: 1.444, y: 5.44))
        p.addCurve(to: CGPoint(x: 2.509, y: 4.281), control1: CGPoint(x: 1.907, y: 4.745), control2: CGPoint(x: 2.187, y: 4.472))
        p.addCurve(to: CGPoint(x: 3.163, y: 4.031), control1: CGPoint(x: 2.719, y: 4.156), control2: CGPoint(x: 2.937, y: 4.072))
        p.addCurve(to: CGPoint(x: 3.5, y: 4.103), control1: CGPoint(x: 3.281, y: 4.009), control2: CGPoint(x: 3.402, y: 4.035))
        p.addCurve(to: CGPoint(x: 4.106, y: 3.638), control1: CGPoint(x: 3.668, y: 3.911), control2: CGPoint(x: 3.87, y: 3.756))
        p.addLine(to: CGPoint(x: 6.829, y: 2.276))
        p.addCurve(to: CGPoint(x: 8, y: 2), control1: CGPoint(x: 7.198, y: 2.092), control2: CGPoint(x: 7.588, y: 2))
        p.addCurve(to: CGPoint(x: 9.171, y: 2.276), control1: CGPoint(x: 8.412, y: 2), control2: CGPoint(x: 8.802, y: 2.092))
        p.addLine(to: CGPoint(x: 11.894, y: 3.638))
        p.addCurve(to: CGPoint(x: 12.5, y: 4.103), control1: CGPoint(x: 12.13, y: 3.756), control2: CGPoint(x: 12.332, y: 3.911))
        p.addCurve(to: CGPoint(x: 12.837, y: 4.031), control1: CGPoint(x: 12.598, y: 4.035), control2: CGPoint(x: 12.719, y: 4.009))
        p.addCurve(to: CGPoint(x: 13.491, y: 4.281), control1: CGPoint(x: 13.063, y: 4.072), control2: CGPoint(x: 13.281, y: 4.156))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.553, y: 10.467))
        p.addLine(to: CGPoint(x: 7.276, y: 11.829))
        p.addCurve(to: CGPoint(x: 8, y: 12), control1: CGPoint(x: 7.504, y: 11.943), control2: CGPoint(x: 7.745, y: 12))
        p.addCurve(to: CGPoint(x: 8.724, y: 11.829), control1: CGPoint(x: 8.255, y: 12), control2: CGPoint(x: 8.496, y: 11.943))
        p.addLine(to: CGPoint(x: 11.447, y: 10.467))
        p.addCurve(to: CGPoint(x: 11.851, y: 10.099), control1: CGPoint(x: 11.617, y: 10.383), control2: CGPoint(x: 11.751, y: 10.26))
        p.addCurve(to: CGPoint(x: 12, y: 9.573), control1: CGPoint(x: 11.95, y: 9.938), control2: CGPoint(x: 12, y: 9.762))
        p.addLine(to: CGPoint(x: 12, y: 5.427))
        p.addCurve(to: CGPoint(x: 11.851, y: 4.901), control1: CGPoint(x: 12, y: 5.238), control2: CGPoint(x: 11.95, y: 5.062))
        p.addCurve(to: CGPoint(x: 11.447, y: 4.533), control1: CGPoint(x: 11.751, y: 4.74), control2: CGPoint(x: 11.617, y: 4.617))
        p.addLine(to: CGPoint(x: 8.724, y: 3.171))
        p.addCurve(to: CGPoint(x: 8, y: 3), control1: CGPoint(x: 8.496, y: 3.057), control2: CGPoint(x: 8.255, y: 3))
        p.addCurve(to: CGPoint(x: 7.276, y: 3.171), control1: CGPoint(x: 7.745, y: 3), control2: CGPoint(x: 7.504, y: 3.057))
        p.addLine(to: CGPoint(x: 4.553, y: 4.533))
        p.addCurve(to: CGPoint(x: 4.149, y: 4.901), control1: CGPoint(x: 4.383, y: 4.617), control2: CGPoint(x: 4.249, y: 4.74))
        p.addCurve(to: CGPoint(x: 4, y: 5.427), control1: CGPoint(x: 4.05, y: 5.062), control2: CGPoint(x: 4, y: 5.238))
        p.addLine(to: CGPoint(x: 4, y: 9.573))
        p.addCurve(to: CGPoint(x: 4.149, y: 10.099), control1: CGPoint(x: 4, y: 9.762), control2: CGPoint(x: 4.05, y: 9.938))
        p.addCurve(to: CGPoint(x: 4.553, y: 10.467), control1: CGPoint(x: 4.249, y: 10.26), control2: CGPoint(x: 4.383, y: 10.383))
        p.closeSubpath()
        p.move(to: CGPoint(x: 12.981, y: 9.859))
        p.addCurve(to: CGPoint(x: 13.498, y: 9.344), control1: CGPoint(x: 13.173, y: 9.746), control2: CGPoint(x: 13.345, y: 9.574))
        p.addCurve(to: CGPoint(x: 13.876, y: 8.477), control1: CGPoint(x: 13.663, y: 9.097), control2: CGPoint(x: 13.789, y: 8.808))
        p.addCurve(to: CGPoint(x: 14, y: 7.5), control1: CGPoint(x: 13.959, y: 8.164), control2: CGPoint(x: 14, y: 7.838))
        p.addCurve(to: CGPoint(x: 13.876, y: 6.523), control1: CGPoint(x: 14, y: 7.162), control2: CGPoint(x: 13.959, y: 6.836))
        p.addCurve(to: CGPoint(x: 13.498, y: 5.656), control1: CGPoint(x: 13.789, y: 6.192), control2: CGPoint(x: 13.663, y: 5.903))
        p.addCurve(to: CGPoint(x: 12.981, y: 5.141), control1: CGPoint(x: 13.345, y: 5.426), control2: CGPoint(x: 13.173, y: 5.254))
        p.addLine(to: CGPoint(x: 12.98, y: 5.14))
        p.addCurve(to: CGPoint(x: 13, y: 5.427), control1: CGPoint(x: 12.993, y: 5.234), control2: CGPoint(x: 13, y: 5.33))
        p.addLine(to: CGPoint(x: 13, y: 9.573))
        p.addCurve(to: CGPoint(x: 12.98, y: 9.86), control1: CGPoint(x: 13, y: 9.67), control2: CGPoint(x: 12.993, y: 9.766))
        p.addLine(to: CGPoint(x: 12.981, y: 9.859))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.02, y: 5.14))
        p.addLine(to: CGPoint(x: 3.019, y: 5.141))
        p.addCurve(to: CGPoint(x: 2.502, y: 5.656), control1: CGPoint(x: 2.827, y: 5.254), control2: CGPoint(x: 2.655, y: 5.426))
        p.addCurve(to: CGPoint(x: 2.124, y: 6.523), control1: CGPoint(x: 2.337, y: 5.903), control2: CGPoint(x: 2.211, y: 6.192))
        p.addCurve(to: CGPoint(x: 2, y: 7.5), control1: CGPoint(x: 2.041, y: 6.836), control2: CGPoint(x: 2, y: 7.162))
        p.addCurve(to: CGPoint(x: 2.124, y: 8.477), control1: CGPoint(x: 2, y: 7.838), control2: CGPoint(x: 2.041, y: 8.164))
        p.addCurve(to: CGPoint(x: 2.502, y: 9.344), control1: CGPoint(x: 2.211, y: 8.808), control2: CGPoint(x: 2.337, y: 9.097))
        p.addCurve(to: CGPoint(x: 3.019, y: 9.859), control1: CGPoint(x: 2.655, y: 9.574), control2: CGPoint(x: 2.827, y: 9.746))
        p.addLine(to: CGPoint(x: 3.02, y: 9.86))
        p.addCurve(to: CGPoint(x: 3, y: 9.573), control1: CGPoint(x: 3.007, y: 9.766), control2: CGPoint(x: 3, y: 9.67))
        p.addLine(to: CGPoint(x: 3, y: 5.427))
        p.addCurve(to: CGPoint(x: 3.02, y: 5.14), control1: CGPoint(x: 3, y: 5.33), control2: CGPoint(x: 3.007, y: 5.234))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5, y: 6.5))
        p.addCurve(to: CGPoint(x: 5.144, y: 6.144), control1: CGPoint(x: 5, y: 6.359), control2: CGPoint(x: 5.048, y: 6.241))
        p.addCurve(to: CGPoint(x: 5.5, y: 6), control1: CGPoint(x: 5.241, y: 6.048), control2: CGPoint(x: 5.359, y: 6))
        p.addLine(to: CGPoint(x: 10.5, y: 6))
        p.addCurve(to: CGPoint(x: 10.856, y: 6.144), control1: CGPoint(x: 10.641, y: 6), control2: CGPoint(x: 10.759, y: 6.048))
        p.addCurve(to: CGPoint(x: 11, y: 6.5), control1: CGPoint(x: 10.952, y: 6.241), control2: CGPoint(x: 11, y: 6.359))
        p.addCurve(to: CGPoint(x: 10.856, y: 6.856), control1: CGPoint(x: 11, y: 6.641), control2: CGPoint(x: 10.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 10.5, y: 7), control1: CGPoint(x: 10.759, y: 6.952), control2: CGPoint(x: 10.641, y: 7))
        p.addLine(to: CGPoint(x: 5.5, y: 7))
        p.addCurve(to: CGPoint(x: 5.144, y: 6.856), control1: CGPoint(x: 5.359, y: 7), control2: CGPoint(x: 5.241, y: 6.952))
        p.addCurve(to: CGPoint(x: 5, y: 6.5), control1: CGPoint(x: 5.048, y: 6.759), control2: CGPoint(x: 5, y: 6.641))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5, y: 8.5))
        p.addCurve(to: CGPoint(x: 5.144, y: 8.144), control1: CGPoint(x: 5, y: 8.359), control2: CGPoint(x: 5.048, y: 8.241))
        p.addCurve(to: CGPoint(x: 5.5, y: 8), control1: CGPoint(x: 5.241, y: 8.048), control2: CGPoint(x: 5.359, y: 8))
        p.addLine(to: CGPoint(x: 10.5, y: 8))
        p.addCurve(to: CGPoint(x: 10.856, y: 8.144), control1: CGPoint(x: 10.641, y: 8), control2: CGPoint(x: 10.759, y: 8.048))
        p.addCurve(to: CGPoint(x: 11, y: 8.5), control1: CGPoint(x: 10.952, y: 8.241), control2: CGPoint(x: 11, y: 8.359))
        p.addCurve(to: CGPoint(x: 10.856, y: 8.856), control1: CGPoint(x: 11, y: 8.641), control2: CGPoint(x: 10.952, y: 8.759))
        p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 10.759, y: 8.952), control2: CGPoint(x: 10.641, y: 9))
        p.addLine(to: CGPoint(x: 5.5, y: 9))
        p.addCurve(to: CGPoint(x: 5.144, y: 8.856), control1: CGPoint(x: 5.359, y: 9), control2: CGPoint(x: 5.241, y: 8.952))
        p.addCurve(to: CGPoint(x: 5, y: 8.5), control1: CGPoint(x: 5.048, y: 8.759), control2: CGPoint(x: 5, y: 8.641))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// FaceMaskIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val FaceMaskIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "face-mask", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(FaceMaskIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_face_mask.xml · Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M13.491 4.281C13.813 4.472 14.093 4.745 14.33 5.101C14.556 5.44 14.727 5.829 14.843 6.268C14.948 6.665 15 7.075 15 7.5C15 7.925 14.948 8.335 14.843 8.732C14.727 9.171 14.556 9.56 14.33 9.899C14.093 10.255 13.813 10.528 13.491 10.719C13.281 10.844 13.063 10.928 12.837 10.969C12.719 10.991 12.598 10.965 12.5 10.897C12.332 11.089 12.13 11.244 11.894 11.362L9.171 12.724C8.802 12.908 8.412 13 8 13C7.588 13 7.198 12.908 6.829 12.724L4.106 11.362C3.87 11.244 3.668 11.089 3.5 10.897C3.402 10.965 3.281 10.991 3.163 10.969C2.937 10.928 2.719 10.844 2.509 10.719C2.187 10.528 1.907 10.255 1.67 9.899C1.444 9.56 1.273 9.171 1.157 8.732C1.052 8.335 1 7.925 1 7.5C1 7.075 1.052 6.665 1.157 6.268C1.273 5.829 1.444 5.44 1.67 5.101C1.907 4.745 2.187 4.472 2.509 4.281C2.719 4.156 2.937 4.072 3.163 4.031C3.281 4.009 3.402 4.035 3.5 4.103C3.668 3.911 3.87 3.756 4.106 3.638L6.829 2.276C7.198 2.092 7.588 2 8 2C8.412 2 8.802 2.092 9.171 2.276L11.894 3.638C12.13 3.756 12.332 3.911 12.5 4.103C12.598 4.035 12.719 4.009 12.837 4.031C13.063 4.072 13.281 4.156 13.491 4.281ZM4.553 10.467L7.276 11.829C7.504 11.943 7.745 12 8 12C8.255 12 8.496 11.943 8.724 11.829L11.447 10.467C11.617 10.383 11.751 10.26 11.851 10.099C11.95 9.938 12 9.762 12 9.573L12 5.427C12 5.238 11.95 5.062 11.851 4.901C11.751 4.74 11.617 4.617 11.447 4.533L8.724 3.171C8.496 3.057 8.255 3 8 3C7.745 3 7.504 3.057 7.276 3.171L4.553 4.533C4.383 4.617 4.249 4.74 4.149 4.901C4.05 5.062 4 5.238 4 5.427L4 9.573C4 9.762 4.05 9.938 4.149 10.099C4.249 10.26 4.383 10.383 4.553 10.467ZM12.981 9.859C13.173 9.746 13.345 9.574 13.498 9.344C13.663 9.097 13.789 8.808 13.876 8.477C13.959 8.164 14 7.838 14 7.5C14 7.162 13.959 6.836 13.876 6.523C13.789 6.192 13.663 5.903 13.498 5.656C13.345 5.426 13.173 5.254 12.981 5.141L12.98 5.14C12.993 5.234 13 5.33 13 5.427L13 9.573C13 9.67 12.993 9.766 12.98 9.86L12.981 9.859ZM3.02 5.14L3.019 5.141C2.827 5.254 2.655 5.426 2.502 5.656C2.337 5.903 2.211 6.192 2.124 6.523C2.041 6.836 2 7.162 2 7.5C2 7.838 2.041 8.164 2.124 8.477C2.211 8.808 2.337 9.097 2.502 9.344C2.655 9.574 2.827 9.746 3.019 9.859L3.02 9.86C3.007 9.766 3 9.67 3 9.573L3 5.427C3 5.33 3.007 5.234 3.02 5.14ZM5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.241 6.048 5.359 6 5.5 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L5.5 7C5.359 7 5.241 6.952 5.144 6.856C5.048 6.759 5 6.641 5 6.5ZM5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L10.5 8C10.641 8 10.759 8.048 10.856 8.144C10.952 8.241 11 8.359 11 8.5C11 8.641 10.952 8.759 10.856 8.856C10.759 8.952 10.641 9 10.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "face-mask" (line-round), MIT. https://gentleface.com/icons/face-mask
import 'package:flutter/widgets.dart';

class FaceMaskIcon extends StatelessWidget {
  const FaceMaskIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _FaceMaskIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _FaceMaskIconPainter extends CustomPainter {
  _FaceMaskIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(13.491, 4.281)
      ..cubicTo(13.813, 4.472, 14.093, 4.745, 14.33, 5.101)
      ..cubicTo(14.556, 5.44, 14.727, 5.829, 14.843, 6.268)
      ..cubicTo(14.948, 6.665, 15, 7.075, 15, 7.5)
      ..cubicTo(15, 7.925, 14.948, 8.335, 14.843, 8.732)
      ..cubicTo(14.727, 9.171, 14.556, 9.56, 14.33, 9.899)
      ..cubicTo(14.093, 10.255, 13.813, 10.528, 13.491, 10.719)
      ..cubicTo(13.281, 10.844, 13.063, 10.928, 12.837, 10.969)
      ..cubicTo(12.719, 10.991, 12.598, 10.965, 12.5, 10.897)
      ..cubicTo(12.332, 11.089, 12.13, 11.244, 11.894, 11.362)
      ..lineTo(9.171, 12.724)
      ..cubicTo(8.802, 12.908, 8.412, 13, 8, 13)
      ..cubicTo(7.588, 13, 7.198, 12.908, 6.829, 12.724)
      ..lineTo(4.106, 11.362)
      ..cubicTo(3.87, 11.244, 3.668, 11.089, 3.5, 10.897)
      ..cubicTo(3.402, 10.965, 3.281, 10.991, 3.163, 10.969)
      ..cubicTo(2.937, 10.928, 2.719, 10.844, 2.509, 10.719)
      ..cubicTo(2.187, 10.528, 1.907, 10.255, 1.67, 9.899)
      ..cubicTo(1.444, 9.56, 1.273, 9.171, 1.157, 8.732)
      ..cubicTo(1.052, 8.335, 1, 7.925, 1, 7.5)
      ..cubicTo(1, 7.075, 1.052, 6.665, 1.157, 6.268)
      ..cubicTo(1.273, 5.829, 1.444, 5.44, 1.67, 5.101)
      ..cubicTo(1.907, 4.745, 2.187, 4.472, 2.509, 4.281)
      ..cubicTo(2.719, 4.156, 2.937, 4.072, 3.163, 4.031)
      ..cubicTo(3.281, 4.009, 3.402, 4.035, 3.5, 4.103)
      ..cubicTo(3.668, 3.911, 3.87, 3.756, 4.106, 3.638)
      ..lineTo(6.829, 2.276)
      ..cubicTo(7.198, 2.092, 7.588, 2, 8, 2)
      ..cubicTo(8.412, 2, 8.802, 2.092, 9.171, 2.276)
      ..lineTo(11.894, 3.638)
      ..cubicTo(12.13, 3.756, 12.332, 3.911, 12.5, 4.103)
      ..cubicTo(12.598, 4.035, 12.719, 4.009, 12.837, 4.031)
      ..cubicTo(13.063, 4.072, 13.281, 4.156, 13.491, 4.281)
      ..close()
      ..moveTo(4.553, 10.467)
      ..lineTo(7.276, 11.829)
      ..cubicTo(7.504, 11.943, 7.745, 12, 8, 12)
      ..cubicTo(8.255, 12, 8.496, 11.943, 8.724, 11.829)
      ..lineTo(11.447, 10.467)
      ..cubicTo(11.617, 10.383, 11.751, 10.26, 11.851, 10.099)
      ..cubicTo(11.95, 9.938, 12, 9.762, 12, 9.573)
      ..lineTo(12, 5.427)
      ..cubicTo(12, 5.238, 11.95, 5.062, 11.851, 4.901)
      ..cubicTo(11.751, 4.74, 11.617, 4.617, 11.447, 4.533)
      ..lineTo(8.724, 3.171)
      ..cubicTo(8.496, 3.057, 8.255, 3, 8, 3)
      ..cubicTo(7.745, 3, 7.504, 3.057, 7.276, 3.171)
      ..lineTo(4.553, 4.533)
      ..cubicTo(4.383, 4.617, 4.249, 4.74, 4.149, 4.901)
      ..cubicTo(4.05, 5.062, 4, 5.238, 4, 5.427)
      ..lineTo(4, 9.573)
      ..cubicTo(4, 9.762, 4.05, 9.938, 4.149, 10.099)
      ..cubicTo(4.249, 10.26, 4.383, 10.383, 4.553, 10.467)
      ..close()
      ..moveTo(12.981, 9.859)
      ..cubicTo(13.173, 9.746, 13.345, 9.574, 13.498, 9.344)
      ..cubicTo(13.663, 9.097, 13.789, 8.808, 13.876, 8.477)
      ..cubicTo(13.959, 8.164, 14, 7.838, 14, 7.5)
      ..cubicTo(14, 7.162, 13.959, 6.836, 13.876, 6.523)
      ..cubicTo(13.789, 6.192, 13.663, 5.903, 13.498, 5.656)
      ..cubicTo(13.345, 5.426, 13.173, 5.254, 12.981, 5.141)
      ..lineTo(12.98, 5.14)
      ..cubicTo(12.993, 5.234, 13, 5.33, 13, 5.427)
      ..lineTo(13, 9.573)
      ..cubicTo(13, 9.67, 12.993, 9.766, 12.98, 9.86)
      ..lineTo(12.981, 9.859)
      ..close()
      ..moveTo(3.02, 5.14)
      ..lineTo(3.019, 5.141)
      ..cubicTo(2.827, 5.254, 2.655, 5.426, 2.502, 5.656)
      ..cubicTo(2.337, 5.903, 2.211, 6.192, 2.124, 6.523)
      ..cubicTo(2.041, 6.836, 2, 7.162, 2, 7.5)
      ..cubicTo(2, 7.838, 2.041, 8.164, 2.124, 8.477)
      ..cubicTo(2.211, 8.808, 2.337, 9.097, 2.502, 9.344)
      ..cubicTo(2.655, 9.574, 2.827, 9.746, 3.019, 9.859)
      ..lineTo(3.02, 9.86)
      ..cubicTo(3.007, 9.766, 3, 9.67, 3, 9.573)
      ..lineTo(3, 5.427)
      ..cubicTo(3, 5.33, 3.007, 5.234, 3.02, 5.14)
      ..close()
      ..moveTo(5, 6.5)
      ..cubicTo(5, 6.359, 5.048, 6.241, 5.144, 6.144)
      ..cubicTo(5.241, 6.048, 5.359, 6, 5.5, 6)
      ..lineTo(10.5, 6)
      ..cubicTo(10.641, 6, 10.759, 6.048, 10.856, 6.144)
      ..cubicTo(10.952, 6.241, 11, 6.359, 11, 6.5)
      ..cubicTo(11, 6.641, 10.952, 6.759, 10.856, 6.856)
      ..cubicTo(10.759, 6.952, 10.641, 7, 10.5, 7)
      ..lineTo(5.5, 7)
      ..cubicTo(5.359, 7, 5.241, 6.952, 5.144, 6.856)
      ..cubicTo(5.048, 6.759, 5, 6.641, 5, 6.5)
      ..close()
      ..moveTo(5, 8.5)
      ..cubicTo(5, 8.359, 5.048, 8.241, 5.144, 8.144)
      ..cubicTo(5.241, 8.048, 5.359, 8, 5.5, 8)
      ..lineTo(10.5, 8)
      ..cubicTo(10.641, 8, 10.759, 8.048, 10.856, 8.144)
      ..cubicTo(10.952, 8.241, 11, 8.359, 11, 8.5)
      ..cubicTo(11, 8.641, 10.952, 8.759, 10.856, 8.856)
      ..cubicTo(10.759, 8.952, 10.641, 9, 10.5, 9)
      ..lineTo(5.5, 9)
      ..cubicTo(5.359, 9, 5.241, 8.952, 5.144, 8.856)
      ..cubicTo(5.048, 8.759, 5, 8.641, 5, 8.5)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_FaceMaskIconPainter old) => old.color != color;
}
```