# smile-off icon

Smile off. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/smile-off

- Category: Social & emotions
- Use it for: reactions off, disable reactions, reactions disabled
- Example: Turn off reactions in meeting or livestream options
- Built from: smile + slash
- Tags: smiley, face, emoji, happy, mood, slash
- Family: smile, face-angry, face-neutral, frown, smile-plus
- Component name: SmileOffIcon
- Added: 2026-10-15

## 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/smile-off.svg · PNG https://gentleface.com/png/line-round/16/smile-off.png · https://gentleface.com/png/line-round/32/smile-off.png · https://gentleface.com/png/line-round/48/smile-off.png
- line-soft: https://gentleface.com/svg/line-soft/16/smile-off.svg · PNG https://gentleface.com/png/line-soft/16/smile-off.png · https://gentleface.com/png/line-soft/32/smile-off.png · https://gentleface.com/png/line-soft/48/smile-off.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/smile-off.svg · PNG https://gentleface.com/png/line-sharp/16/smile-off.png · https://gentleface.com/png/line-sharp/32/smile-off.png · https://gentleface.com/png/line-sharp/48/smile-off.png
- solid-round: https://gentleface.com/svg/solid-round/16/smile-off.svg · PNG https://gentleface.com/png/solid-round/16/smile-off.png · https://gentleface.com/png/solid-round/32/smile-off.png · https://gentleface.com/png/solid-round/48/smile-off.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/smile-off.svg · PNG https://gentleface.com/png/solid-soft/16/smile-off.png · https://gentleface.com/png/solid-soft/32/smile-off.png · https://gentleface.com/png/solid-soft/48/smile-off.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/smile-off.svg · PNG https://gentleface.com/png/solid-sharp/16/smile-off.png · https://gentleface.com/png/solid-sharp/32/smile-off.png · https://gentleface.com/png/solid-sharp/48/smile-off.png

The SVG of every style: https://gentleface.com/icons/smile-off.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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z"/></svg>
```

### React

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

export function SmileOffIcon(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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off -->
<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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off -->
<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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off. 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/smile-off.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off. Takes the text color. */
.icon-smile-off {
  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='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z'/%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='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z'/%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='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off
     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#smile-off"/></svg>
```

### SwiftUI

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

struct SmileOffIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 15.003, y: 14.5))
        p.addCurve(to: CGPoint(x: 14.854, y: 14.854), control1: CGPoint(x: 15.003, y: 14.636), control2: CGPoint(x: 14.953, y: 14.754))
        p.addCurve(to: CGPoint(x: 14.5, y: 15.003), control1: CGPoint(x: 14.754, y: 14.953), control2: CGPoint(x: 14.636, y: 15.003))
        p.addCurve(to: CGPoint(x: 14.146, y: 14.854), control1: CGPoint(x: 14.364, y: 15.003), control2: CGPoint(x: 14.246, y: 14.953))
        p.addLine(to: CGPoint(x: 12.584, y: 13.291))
        p.addCurve(to: CGPoint(x: 10.585, y: 14.505), control1: CGPoint(x: 11.989, y: 13.807), control2: CGPoint(x: 11.323, y: 14.212))
        p.addCurve(to: CGPoint(x: 8, y: 15), control1: CGPoint(x: 9.755, y: 14.835), control2: CGPoint(x: 8.893, y: 15))
        p.addCurve(to: CGPoint(x: 5.423, y: 14.509), control1: CGPoint(x: 7.11, y: 15), control2: CGPoint(x: 6.251, y: 14.836))
        p.addCurve(to: CGPoint(x: 3.05, y: 12.95), control1: CGPoint(x: 4.525, y: 14.153), control2: CGPoint(x: 3.734, y: 13.633))
        p.addCurve(to: CGPoint(x: 1.491, y: 10.577), control1: CGPoint(x: 2.367, y: 12.266), control2: CGPoint(x: 1.847, y: 11.475))
        p.addCurve(to: CGPoint(x: 1, y: 8), control1: CGPoint(x: 1.164, y: 9.749), control2: CGPoint(x: 1, y: 8.89))
        p.addCurve(to: CGPoint(x: 1.495, y: 5.415), control1: CGPoint(x: 1, y: 7.107), control2: CGPoint(x: 1.165, y: 6.245))
        p.addCurve(to: CGPoint(x: 2.709, y: 3.416), control1: CGPoint(x: 1.788, y: 4.677), control2: CGPoint(x: 2.193, y: 4.011))
        p.addLine(to: CGPoint(x: 1.146, y: 1.854))
        p.addCurve(to: CGPoint(x: 0.997, y: 1.5), control1: CGPoint(x: 1.047, y: 1.754), control2: CGPoint(x: 0.997, y: 1.636))
        p.addCurve(to: CGPoint(x: 1.146, y: 1.146), control1: CGPoint(x: 0.997, y: 1.364), control2: CGPoint(x: 1.047, y: 1.246))
        p.addCurve(to: CGPoint(x: 1.5, y: 0.997), control1: CGPoint(x: 1.246, y: 1.047), control2: CGPoint(x: 1.364, y: 0.997))
        p.addCurve(to: CGPoint(x: 1.854, y: 1.146), control1: CGPoint(x: 1.636, y: 0.997), control2: CGPoint(x: 1.754, y: 1.047))
        p.addLine(to: CGPoint(x: 14.854, y: 14.146))
        p.addCurve(to: CGPoint(x: 15.003, y: 14.5), control1: CGPoint(x: 14.953, y: 14.246), control2: CGPoint(x: 15.003, y: 14.364))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.874, y: 12.582))
        p.addLine(to: CGPoint(x: 9.843, y: 10.55))
        p.addCurve(to: CGPoint(x: 8.617, y: 10.952), control1: CGPoint(x: 9.458, y: 10.751), control2: CGPoint(x: 9.05, y: 10.885))
        p.addCurve(to: CGPoint(x: 6.985, y: 10.869), control1: CGPoint(x: 8.067, y: 11.038), control2: CGPoint(x: 7.523, y: 11.01))
        p.addCurve(to: CGPoint(x: 5.523, y: 10.14), control1: CGPoint(x: 6.447, y: 10.728), control2: CGPoint(x: 5.959, y: 10.485))
        p.addCurve(to: CGPoint(x: 4.536, y: 9), control1: CGPoint(x: 5.121, y: 9.823), control2: CGPoint(x: 4.792, y: 9.443))
        p.addCurve(to: CGPoint(x: 4.483, y: 8.62), control1: CGPoint(x: 4.465, y: 8.878), control2: CGPoint(x: 4.448, y: 8.751))
        p.addCurve(to: CGPoint(x: 4.719, y: 8.317), control1: CGPoint(x: 4.518, y: 8.488), control2: CGPoint(x: 4.597, y: 8.387))
        p.addCurve(to: CGPoint(x: 5.098, y: 8.267), control1: CGPoint(x: 4.838, y: 8.248), control2: CGPoint(x: 4.965, y: 8.231))
        p.addCurve(to: CGPoint(x: 5.402, y: 8.5), control1: CGPoint(x: 5.232, y: 8.303), control2: CGPoint(x: 5.333, y: 8.38))
        p.addCurve(to: CGPoint(x: 6.142, y: 9.355), control1: CGPoint(x: 5.594, y: 8.832), control2: CGPoint(x: 5.841, y: 9.118))
        p.addCurve(to: CGPoint(x: 7.239, y: 9.902), control1: CGPoint(x: 6.47, y: 9.614), control2: CGPoint(x: 6.835, y: 9.796))
        p.addCurve(to: CGPoint(x: 8.463, y: 9.964), control1: CGPoint(x: 7.643, y: 10.008), control2: CGPoint(x: 8.051, y: 10.028))
        p.addCurve(to: CGPoint(x: 9.089, y: 9.796), control1: CGPoint(x: 8.679, y: 9.93), control2: CGPoint(x: 8.888, y: 9.874))
        p.addLine(to: CGPoint(x: 5.84, y: 6.547))
        p.addCurve(to: CGPoint(x: 5.707, y: 6.707), control1: CGPoint(x: 5.802, y: 6.603), control2: CGPoint(x: 5.758, y: 6.656))
        p.addCurve(to: CGPoint(x: 5, y: 7), control1: CGPoint(x: 5.512, y: 6.902), control2: CGPoint(x: 5.276, y: 7))
        p.addCurve(to: CGPoint(x: 4.293, y: 6.707), control1: CGPoint(x: 4.724, y: 7), control2: CGPoint(x: 4.488, y: 6.902))
        p.addCurve(to: CGPoint(x: 4, y: 6), control1: CGPoint(x: 4.098, y: 6.512), control2: CGPoint(x: 4, y: 6.276))
        p.addCurve(to: CGPoint(x: 4.293, y: 5.293), control1: CGPoint(x: 4, y: 5.724), control2: CGPoint(x: 4.098, y: 5.488))
        p.addCurve(to: CGPoint(x: 4.453, y: 5.16), control1: CGPoint(x: 4.344, y: 5.242), control2: CGPoint(x: 4.397, y: 5.198))
        p.addLine(to: CGPoint(x: 3.418, y: 4.126))
        p.addCurve(to: CGPoint(x: 2.424, y: 5.784), control1: CGPoint(x: 2.998, y: 4.622), control2: CGPoint(x: 2.666, y: 5.174))
        p.addCurve(to: CGPoint(x: 2, y: 8), control1: CGPoint(x: 2.141, y: 6.496), control2: CGPoint(x: 2, y: 7.234))
        p.addCurve(to: CGPoint(x: 2.421, y: 10.209), control1: CGPoint(x: 2, y: 8.763), control2: CGPoint(x: 2.14, y: 9.499))
        p.addCurve(to: CGPoint(x: 3.757, y: 12.243), control1: CGPoint(x: 2.726, y: 10.979), control2: CGPoint(x: 3.172, y: 11.657))
        p.addCurve(to: CGPoint(x: 5.791, y: 13.579), control1: CGPoint(x: 4.343, y: 12.828), control2: CGPoint(x: 5.021, y: 13.274))
        p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 6.501, y: 13.86), control2: CGPoint(x: 7.237, y: 14))
        p.addCurve(to: CGPoint(x: 10.216, y: 13.576), control1: CGPoint(x: 8.766, y: 14), control2: CGPoint(x: 9.504, y: 13.859))
        p.addCurve(to: CGPoint(x: 11.874, y: 12.582), control1: CGPoint(x: 10.826, y: 13.334), control2: CGPoint(x: 11.378, y: 13.002))
        p.closeSubpath()
        p.move(to: CGPoint(x: 8, y: 1))
        p.addCurve(to: CGPoint(x: 10.577, y: 1.491), control1: CGPoint(x: 8.89, y: 1), control2: CGPoint(x: 9.749, y: 1.164))
        p.addCurve(to: CGPoint(x: 12.95, y: 3.05), control1: CGPoint(x: 11.475, y: 1.847), control2: CGPoint(x: 12.266, y: 2.367))
        p.addCurve(to: CGPoint(x: 14.509, y: 5.423), control1: CGPoint(x: 13.633, y: 3.734), control2: CGPoint(x: 14.153, y: 4.525))
        p.addCurve(to: CGPoint(x: 15, y: 8), control1: CGPoint(x: 14.836, y: 6.251), control2: CGPoint(x: 15, y: 7.11))
        p.addCurve(to: CGPoint(x: 14.195, y: 11.259), control1: CGPoint(x: 15, y: 9.152), control2: CGPoint(x: 14.732, y: 10.239))
        p.addCurve(to: CGPoint(x: 13.902, y: 11.506), control1: CGPoint(x: 14.13, y: 11.383), control2: CGPoint(x: 14.032, y: 11.466))
        p.addCurve(to: CGPoint(x: 13.52, y: 11.468), control1: CGPoint(x: 13.772, y: 11.547), control2: CGPoint(x: 13.645, y: 11.534))
        p.addCurve(to: CGPoint(x: 13.272, y: 11.175), control1: CGPoint(x: 13.395, y: 11.403), control2: CGPoint(x: 13.313, y: 11.305))
        p.addCurve(to: CGPoint(x: 13.31, y: 10.793), control1: CGPoint(x: 13.232, y: 11.045), control2: CGPoint(x: 13.245, y: 10.918))
        p.addCurve(to: CGPoint(x: 14, y: 8), control1: CGPoint(x: 13.77, y: 9.919), control2: CGPoint(x: 14, y: 8.988))
        p.addCurve(to: CGPoint(x: 13.579, y: 5.791), control1: CGPoint(x: 14, y: 7.237), control2: CGPoint(x: 13.86, y: 6.501))
        p.addCurve(to: CGPoint(x: 12.243, y: 3.757), control1: CGPoint(x: 13.274, y: 5.021), control2: CGPoint(x: 12.828, y: 4.343))
        p.addCurve(to: CGPoint(x: 10.209, y: 2.421), control1: CGPoint(x: 11.657, y: 3.172), control2: CGPoint(x: 10.979, y: 2.726))
        p.addCurve(to: CGPoint(x: 8, y: 2), control1: CGPoint(x: 9.499, y: 2.14), control2: CGPoint(x: 8.763, y: 2))
        p.addCurve(to: CGPoint(x: 5.207, y: 2.69), control1: CGPoint(x: 7.012, y: 2), control2: CGPoint(x: 6.081, y: 2.23))
        p.addCurve(to: CGPoint(x: 4.826, y: 2.725), control1: CGPoint(x: 5.085, y: 2.754), control2: CGPoint(x: 4.958, y: 2.766))
        p.addCurve(to: CGPoint(x: 4.532, y: 2.48), control1: CGPoint(x: 4.694, y: 2.684), control2: CGPoint(x: 4.596, y: 2.602))
        p.addCurve(to: CGPoint(x: 4.497, y: 2.099), control1: CGPoint(x: 4.467, y: 2.358), control2: CGPoint(x: 4.456, y: 2.231))
        p.addCurve(to: CGPoint(x: 4.741, y: 1.805), control1: CGPoint(x: 4.538, y: 1.967), control2: CGPoint(x: 4.619, y: 1.869))
        p.addCurve(to: CGPoint(x: 8, y: 1), control1: CGPoint(x: 5.761, y: 1.268), control2: CGPoint(x: 6.848, y: 1))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.293, y: 5.293))
        p.addCurve(to: CGPoint(x: 11, y: 5), control1: CGPoint(x: 10.488, y: 5.098), control2: CGPoint(x: 10.724, y: 5))
        p.addCurve(to: CGPoint(x: 11.707, y: 5.293), control1: CGPoint(x: 11.276, y: 5), control2: CGPoint(x: 11.512, y: 5.098))
        p.addCurve(to: CGPoint(x: 12, y: 6), control1: CGPoint(x: 11.902, y: 5.488), control2: CGPoint(x: 12, y: 5.724))
        p.addCurve(to: CGPoint(x: 11.707, y: 6.707), control1: CGPoint(x: 12, y: 6.276), control2: CGPoint(x: 11.902, y: 6.512))
        p.addCurve(to: CGPoint(x: 11, y: 7), control1: CGPoint(x: 11.512, y: 6.902), control2: CGPoint(x: 11.276, y: 7))
        p.addCurve(to: CGPoint(x: 10.293, y: 6.707), control1: CGPoint(x: 10.724, y: 7), control2: CGPoint(x: 10.488, y: 6.902))
        p.addCurve(to: CGPoint(x: 10, y: 6), control1: CGPoint(x: 10.098, y: 6.512), control2: CGPoint(x: 10, y: 6.276))
        p.addCurve(to: CGPoint(x: 10.293, y: 5.293), control1: CGPoint(x: 10, y: 5.724), control2: CGPoint(x: 10.098, y: 5.488))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off
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 SmileOffIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "smile-off", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_smile_off.xml · Gentleface "smile-off" (line-round), MIT. https://gentleface.com/icons/smile-off -->
<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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.584 13.291C11.989 13.807 11.323 14.212 10.585 14.505C9.755 14.835 8.893 15 8 15C7.11 15 6.251 14.836 5.423 14.509C4.525 14.153 3.734 13.633 3.05 12.95C2.367 12.266 1.847 11.475 1.491 10.577C1.164 9.749 1 8.89 1 8C1 7.107 1.165 6.245 1.495 5.415C1.788 4.677 2.193 4.011 2.709 3.416L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.874 12.582L9.843 10.55C9.458 10.751 9.05 10.885 8.617 10.952C8.067 11.038 7.523 11.01 6.985 10.869C6.447 10.728 5.959 10.485 5.523 10.14C5.121 9.823 4.792 9.443 4.536 9C4.465 8.878 4.448 8.751 4.483 8.62C4.518 8.488 4.597 8.387 4.719 8.317C4.838 8.248 4.965 8.231 5.098 8.267C5.232 8.303 5.333 8.38 5.402 8.5C5.594 8.832 5.841 9.118 6.142 9.355C6.47 9.614 6.835 9.796 7.239 9.902C7.643 10.008 8.051 10.028 8.463 9.964C8.679 9.93 8.888 9.874 9.089 9.796L5.84 6.547C5.802 6.603 5.758 6.656 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.344 5.242 4.397 5.198 4.453 5.16L3.418 4.126C2.998 4.622 2.666 5.174 2.424 5.784C2.141 6.496 2 7.234 2 8C2 8.763 2.14 9.499 2.421 10.209C2.726 10.979 3.172 11.657 3.757 12.243C4.343 12.828 5.021 13.274 5.791 13.579C6.501 13.86 7.237 14 8 14C8.766 14 9.504 13.859 10.216 13.576C10.826 13.334 11.378 13.002 11.874 12.582ZM8 1C8.89 1 9.749 1.164 10.577 1.491C11.475 1.847 12.266 2.367 12.95 3.05C13.633 3.734 14.153 4.525 14.509 5.423C14.836 6.251 15 7.11 15 8C15 9.152 14.732 10.239 14.195 11.259C14.13 11.383 14.032 11.466 13.902 11.506C13.772 11.547 13.645 11.534 13.52 11.468C13.395 11.403 13.313 11.305 13.272 11.175C13.232 11.045 13.245 10.918 13.31 10.793C13.77 9.919 14 8.988 14 8C14 7.237 13.86 6.501 13.579 5.791C13.274 5.021 12.828 4.343 12.243 3.757C11.657 3.172 10.979 2.726 10.209 2.421C9.499 2.14 8.763 2 8 2C7.012 2 6.081 2.23 5.207 2.69C5.085 2.754 4.958 2.766 4.826 2.725C4.694 2.684 4.596 2.602 4.532 2.48C4.467 2.358 4.456 2.231 4.497 2.099C4.538 1.967 4.619 1.869 4.741 1.805C5.761 1.268 6.848 1 8 1ZM10.293 5.293C10.488 5.098 10.724 5 11 5C11.276 5 11.512 5.098 11.707 5.293C11.902 5.488 12 5.724 12 6C12 6.276 11.902 6.512 11.707 6.707C11.512 6.902 11.276 7 11 7C10.724 7 10.488 6.902 10.293 6.707C10.098 6.512 10 6.276 10 6C10 5.724 10.098 5.488 10.293 5.293Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(15.003, 14.5)
      ..cubicTo(15.003, 14.636, 14.953, 14.754, 14.854, 14.854)
      ..cubicTo(14.754, 14.953, 14.636, 15.003, 14.5, 15.003)
      ..cubicTo(14.364, 15.003, 14.246, 14.953, 14.146, 14.854)
      ..lineTo(12.584, 13.291)
      ..cubicTo(11.989, 13.807, 11.323, 14.212, 10.585, 14.505)
      ..cubicTo(9.755, 14.835, 8.893, 15, 8, 15)
      ..cubicTo(7.11, 15, 6.251, 14.836, 5.423, 14.509)
      ..cubicTo(4.525, 14.153, 3.734, 13.633, 3.05, 12.95)
      ..cubicTo(2.367, 12.266, 1.847, 11.475, 1.491, 10.577)
      ..cubicTo(1.164, 9.749, 1, 8.89, 1, 8)
      ..cubicTo(1, 7.107, 1.165, 6.245, 1.495, 5.415)
      ..cubicTo(1.788, 4.677, 2.193, 4.011, 2.709, 3.416)
      ..lineTo(1.146, 1.854)
      ..cubicTo(1.047, 1.754, 0.997, 1.636, 0.997, 1.5)
      ..cubicTo(0.997, 1.364, 1.047, 1.246, 1.146, 1.146)
      ..cubicTo(1.246, 1.047, 1.364, 0.997, 1.5, 0.997)
      ..cubicTo(1.636, 0.997, 1.754, 1.047, 1.854, 1.146)
      ..lineTo(14.854, 14.146)
      ..cubicTo(14.953, 14.246, 15.003, 14.364, 15.003, 14.5)
      ..close()
      ..moveTo(11.874, 12.582)
      ..lineTo(9.843, 10.55)
      ..cubicTo(9.458, 10.751, 9.05, 10.885, 8.617, 10.952)
      ..cubicTo(8.067, 11.038, 7.523, 11.01, 6.985, 10.869)
      ..cubicTo(6.447, 10.728, 5.959, 10.485, 5.523, 10.14)
      ..cubicTo(5.121, 9.823, 4.792, 9.443, 4.536, 9)
      ..cubicTo(4.465, 8.878, 4.448, 8.751, 4.483, 8.62)
      ..cubicTo(4.518, 8.488, 4.597, 8.387, 4.719, 8.317)
      ..cubicTo(4.838, 8.248, 4.965, 8.231, 5.098, 8.267)
      ..cubicTo(5.232, 8.303, 5.333, 8.38, 5.402, 8.5)
      ..cubicTo(5.594, 8.832, 5.841, 9.118, 6.142, 9.355)
      ..cubicTo(6.47, 9.614, 6.835, 9.796, 7.239, 9.902)
      ..cubicTo(7.643, 10.008, 8.051, 10.028, 8.463, 9.964)
      ..cubicTo(8.679, 9.93, 8.888, 9.874, 9.089, 9.796)
      ..lineTo(5.84, 6.547)
      ..cubicTo(5.802, 6.603, 5.758, 6.656, 5.707, 6.707)
      ..cubicTo(5.512, 6.902, 5.276, 7, 5, 7)
      ..cubicTo(4.724, 7, 4.488, 6.902, 4.293, 6.707)
      ..cubicTo(4.098, 6.512, 4, 6.276, 4, 6)
      ..cubicTo(4, 5.724, 4.098, 5.488, 4.293, 5.293)
      ..cubicTo(4.344, 5.242, 4.397, 5.198, 4.453, 5.16)
      ..lineTo(3.418, 4.126)
      ..cubicTo(2.998, 4.622, 2.666, 5.174, 2.424, 5.784)
      ..cubicTo(2.141, 6.496, 2, 7.234, 2, 8)
      ..cubicTo(2, 8.763, 2.14, 9.499, 2.421, 10.209)
      ..cubicTo(2.726, 10.979, 3.172, 11.657, 3.757, 12.243)
      ..cubicTo(4.343, 12.828, 5.021, 13.274, 5.791, 13.579)
      ..cubicTo(6.501, 13.86, 7.237, 14, 8, 14)
      ..cubicTo(8.766, 14, 9.504, 13.859, 10.216, 13.576)
      ..cubicTo(10.826, 13.334, 11.378, 13.002, 11.874, 12.582)
      ..close()
      ..moveTo(8, 1)
      ..cubicTo(8.89, 1, 9.749, 1.164, 10.577, 1.491)
      ..cubicTo(11.475, 1.847, 12.266, 2.367, 12.95, 3.05)
      ..cubicTo(13.633, 3.734, 14.153, 4.525, 14.509, 5.423)
      ..cubicTo(14.836, 6.251, 15, 7.11, 15, 8)
      ..cubicTo(15, 9.152, 14.732, 10.239, 14.195, 11.259)
      ..cubicTo(14.13, 11.383, 14.032, 11.466, 13.902, 11.506)
      ..cubicTo(13.772, 11.547, 13.645, 11.534, 13.52, 11.468)
      ..cubicTo(13.395, 11.403, 13.313, 11.305, 13.272, 11.175)
      ..cubicTo(13.232, 11.045, 13.245, 10.918, 13.31, 10.793)
      ..cubicTo(13.77, 9.919, 14, 8.988, 14, 8)
      ..cubicTo(14, 7.237, 13.86, 6.501, 13.579, 5.791)
      ..cubicTo(13.274, 5.021, 12.828, 4.343, 12.243, 3.757)
      ..cubicTo(11.657, 3.172, 10.979, 2.726, 10.209, 2.421)
      ..cubicTo(9.499, 2.14, 8.763, 2, 8, 2)
      ..cubicTo(7.012, 2, 6.081, 2.23, 5.207, 2.69)
      ..cubicTo(5.085, 2.754, 4.958, 2.766, 4.826, 2.725)
      ..cubicTo(4.694, 2.684, 4.596, 2.602, 4.532, 2.48)
      ..cubicTo(4.467, 2.358, 4.456, 2.231, 4.497, 2.099)
      ..cubicTo(4.538, 1.967, 4.619, 1.869, 4.741, 1.805)
      ..cubicTo(5.761, 1.268, 6.848, 1, 8, 1)
      ..close()
      ..moveTo(10.293, 5.293)
      ..cubicTo(10.488, 5.098, 10.724, 5, 11, 5)
      ..cubicTo(11.276, 5, 11.512, 5.098, 11.707, 5.293)
      ..cubicTo(11.902, 5.488, 12, 5.724, 12, 6)
      ..cubicTo(12, 6.276, 11.902, 6.512, 11.707, 6.707)
      ..cubicTo(11.512, 6.902, 11.276, 7, 11, 7)
      ..cubicTo(10.724, 7, 10.488, 6.902, 10.293, 6.707)
      ..cubicTo(10.098, 6.512, 10, 6.276, 10, 6)
      ..cubicTo(10, 5.724, 10.098, 5.488, 10.293, 5.293)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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