# pepper-bell icon

Pepper bell. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/pepper-bell

- Category: Food & drink
- Use it for: spicy, chili pepper
- Built from: variant of pepper
- Tags: pepper, chili, chili-pepper, chilli, jalapeno, hot-pepper, spicy, hot, spice, heat, vegetable, mexican, food, bell
- Family: pepper, pepper-off
- Component name: PepperBellIcon
- Added: 2026-11-09

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

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

The SVG of every style: https://gentleface.com/icons/pepper-bell.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="M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z"/></svg>
```

### React

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

export function PepperBellIcon(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="M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "pepper-bell" (line-round), MIT. https://gentleface.com/icons/pepper-bell -->
<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="M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "pepper-bell" (line-round), MIT. https://gentleface.com/icons/pepper-bell -->
<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="M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "pepper-bell" (line-round), MIT. https://gentleface.com/icons/pepper-bell. Takes the text color. */
.icon-pepper-bell {
  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='M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z'/%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='M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z'/%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='M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct PepperBellIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 8.16, y: 4.792))
        p.addCurve(to: CGPoint(x: 10.5, y: 4), control1: CGPoint(x: 8.931, y: 4.264), control2: CGPoint(x: 9.71, y: 4))
        p.addCurve(to: CGPoint(x: 11.731, y: 4.363), control1: CGPoint(x: 10.973, y: 4), control2: CGPoint(x: 11.384, y: 4.121))
        p.addCurve(to: CGPoint(x: 12.518, y: 5.356), control1: CGPoint(x: 12.058, y: 4.591), control2: CGPoint(x: 12.321, y: 4.922))
        p.addCurve(to: CGPoint(x: 13, y: 8.5), control1: CGPoint(x: 12.839, y: 6.063), control2: CGPoint(x: 13, y: 7.111))
        p.addCurve(to: CGPoint(x: 12.904, y: 10.463), control1: CGPoint(x: 13, y: 9.16), control2: CGPoint(x: 12.968, y: 9.814))
        p.addCurve(to: CGPoint(x: 12.612, y: 12.302), control1: CGPoint(x: 12.836, y: 11.149), control2: CGPoint(x: 12.739, y: 11.762))
        p.addCurve(to: CGPoint(x: 11.95, y: 13.951), control1: CGPoint(x: 12.439, y: 13.035), control2: CGPoint(x: 12.219, y: 13.584))
        p.addCurve(to: CGPoint(x: 11, y: 14.5), control1: CGPoint(x: 11.682, y: 14.317), control2: CGPoint(x: 11.365, y: 14.5))
        p.addCurve(to: CGPoint(x: 10.146, y: 14.076), control1: CGPoint(x: 10.714, y: 14.5), control2: CGPoint(x: 10.429, y: 14.359))
        p.addCurve(to: CGPoint(x: 9.6, y: 13.411), control1: CGPoint(x: 10.019, y: 13.948), control2: CGPoint(x: 9.836, y: 13.726))
        p.addCurve(to: CGPoint(x: 9.526, y: 13.313), control1: CGPoint(x: 9.574, y: 13.377), control2: CGPoint(x: 9.55, y: 13.344))
        p.addCurve(to: CGPoint(x: 9.456, y: 13.424), control1: CGPoint(x: 9.504, y: 13.348), control2: CGPoint(x: 9.481, y: 13.385))
        p.addCurve(to: CGPoint(x: 9.141, y: 13.912), control1: CGPoint(x: 9.322, y: 13.64), control2: CGPoint(x: 9.217, y: 13.802))
        p.addCurve(to: CGPoint(x: 8.745, y: 14.405), control1: CGPoint(x: 9.006, y: 14.107), control2: CGPoint(x: 8.874, y: 14.272))
        p.addCurve(to: CGPoint(x: 7.5, y: 15), control1: CGPoint(x: 8.365, y: 14.802), control2: CGPoint(x: 7.95, y: 15))
        p.addCurve(to: CGPoint(x: 6.255, y: 14.405), control1: CGPoint(x: 7.05, y: 15), control2: CGPoint(x: 6.635, y: 14.802))
        p.addCurve(to: CGPoint(x: 5.859, y: 13.912), control1: CGPoint(x: 6.126, y: 14.272), control2: CGPoint(x: 5.994, y: 14.107))
        p.addCurve(to: CGPoint(x: 5.544, y: 13.424), control1: CGPoint(x: 5.783, y: 13.802), control2: CGPoint(x: 5.678, y: 13.64))
        p.addCurve(to: CGPoint(x: 5.474, y: 13.313), control1: CGPoint(x: 5.519, y: 13.385), control2: CGPoint(x: 5.496, y: 13.348))
        p.addCurve(to: CGPoint(x: 5.4, y: 13.411), control1: CGPoint(x: 5.45, y: 13.344), control2: CGPoint(x: 5.426, y: 13.377))
        p.addCurve(to: CGPoint(x: 4.854, y: 14.076), control1: CGPoint(x: 5.164, y: 13.726), control2: CGPoint(x: 4.981, y: 13.948))
        p.addCurve(to: CGPoint(x: 4, y: 14.5), control1: CGPoint(x: 4.571, y: 14.359), control2: CGPoint(x: 4.286, y: 14.5))
        p.addCurve(to: CGPoint(x: 3.05, y: 13.951), control1: CGPoint(x: 3.635, y: 14.5), control2: CGPoint(x: 3.318, y: 14.317))
        p.addCurve(to: CGPoint(x: 2.388, y: 12.302), control1: CGPoint(x: 2.781, y: 13.584), control2: CGPoint(x: 2.561, y: 13.035))
        p.addCurve(to: CGPoint(x: 2.096, y: 10.463), control1: CGPoint(x: 2.261, y: 11.762), control2: CGPoint(x: 2.164, y: 11.149))
        p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.032, y: 9.814), control2: CGPoint(x: 2, y: 9.16))
        p.addCurve(to: CGPoint(x: 2.482, y: 5.356), control1: CGPoint(x: 2, y: 7.111), control2: CGPoint(x: 2.161, y: 6.063))
        p.addCurve(to: CGPoint(x: 3.269, y: 4.363), control1: CGPoint(x: 2.679, y: 4.922), control2: CGPoint(x: 2.942, y: 4.591))
        p.addCurve(to: CGPoint(x: 4.5, y: 4), control1: CGPoint(x: 3.616, y: 4.121), control2: CGPoint(x: 4.027, y: 4))
        p.addCurve(to: CGPoint(x: 7.083, y: 4.969), control1: CGPoint(x: 5.373, y: 4), control2: CGPoint(x: 6.234, y: 4.323))
        p.addCurve(to: CGPoint(x: 7.888, y: 2.612), control1: CGPoint(x: 7.203, y: 4.012), control2: CGPoint(x: 7.471, y: 3.227))
        p.addCurve(to: CGPoint(x: 9.33, y: 1.318), control1: CGPoint(x: 8.242, y: 2.09), control2: CGPoint(x: 8.723, y: 1.659))
        p.addCurve(to: CGPoint(x: 9.55, y: 1.261), control1: CGPoint(x: 9.397, y: 1.281), control2: CGPoint(x: 9.473, y: 1.261))
        p.addCurve(to: CGPoint(x: 10, y: 1.711), control1: CGPoint(x: 9.799, y: 1.261), control2: CGPoint(x: 10, y: 1.462))
        p.addLine(to: CGPoint(x: 10, y: 2.193))
        p.addCurve(to: CGPoint(x: 9.734, y: 2.603), control1: CGPoint(x: 10, y: 2.37), control2: CGPoint(x: 9.896, y: 2.531))
        p.addCurve(to: CGPoint(x: 8.16, y: 4.792), control1: CGPoint(x: 8.926, y: 2.966), control2: CGPoint(x: 8.401, y: 3.696))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.002, y: 6.213))
        p.addCurve(to: CGPoint(x: 4.5, y: 5), control1: CGPoint(x: 6.15, y: 5.404), control2: CGPoint(x: 5.316, y: 5))
        p.addCurve(to: CGPoint(x: 3.841, y: 5.184), control1: CGPoint(x: 4.236, y: 5), control2: CGPoint(x: 4.016, y: 5.061))
        p.addCurve(to: CGPoint(x: 3.393, y: 5.769), control1: CGPoint(x: 3.663, y: 5.307), control2: CGPoint(x: 3.514, y: 5.502))
        p.addCurve(to: CGPoint(x: 3, y: 8.5), control1: CGPoint(x: 3.131, y: 6.345), control2: CGPoint(x: 3, y: 7.256))
        p.addCurve(to: CGPoint(x: 3.091, y: 10.365), control1: CGPoint(x: 3, y: 9.127), control2: CGPoint(x: 3.03, y: 9.748))
        p.addCurve(to: CGPoint(x: 3.362, y: 12.073), control1: CGPoint(x: 3.155, y: 11.007), control2: CGPoint(x: 3.245, y: 11.576))
        p.addCurve(to: CGPoint(x: 3.775, y: 13.24), control1: CGPoint(x: 3.482, y: 12.586), control2: CGPoint(x: 3.62, y: 12.975))
        p.addCurve(to: CGPoint(x: 3.96, y: 13.475), control1: CGPoint(x: 3.84, y: 13.35), control2: CGPoint(x: 3.901, y: 13.429))
        p.addCurve(to: CGPoint(x: 3.99, y: 13.496), control1: CGPoint(x: 3.973, y: 13.485), control2: CGPoint(x: 3.983, y: 13.492))
        p.addCurve(to: CGPoint(x: 3.998, y: 13.492), control1: CGPoint(x: 3.992, y: 13.495), control2: CGPoint(x: 3.995, y: 13.493))
        p.addCurve(to: CGPoint(x: 4.146, y: 13.369), control1: CGPoint(x: 4.039, y: 13.468), control2: CGPoint(x: 4.088, y: 13.427))
        p.addCurve(to: CGPoint(x: 4.6, y: 12.811), control1: CGPoint(x: 4.241, y: 13.274), control2: CGPoint(x: 4.392, y: 13.088))
        p.addCurve(to: CGPoint(x: 5.146, y: 12.146), control1: CGPoint(x: 4.836, y: 12.496), control2: CGPoint(x: 5.019, y: 12.274))
        p.addCurve(to: CGPoint(x: 5.5, y: 11.997), control1: CGPoint(x: 5.246, y: 12.047), control2: CGPoint(x: 5.364, y: 11.997))
        p.addCurve(to: CGPoint(x: 5.854, y: 12.146), control1: CGPoint(x: 5.636, y: 11.997), control2: CGPoint(x: 5.754, y: 12.047))
        p.addCurve(to: CGPoint(x: 6.141, y: 12.504), control1: CGPoint(x: 5.943, y: 12.236), control2: CGPoint(x: 6.039, y: 12.355))
        p.addCurve(to: CGPoint(x: 6.392, y: 12.895), control1: CGPoint(x: 6.197, y: 12.586), control2: CGPoint(x: 6.281, y: 12.716))
        p.addCurve(to: CGPoint(x: 6.976, y: 13.713), control1: CGPoint(x: 6.64, y: 13.293), control2: CGPoint(x: 6.835, y: 13.565))
        p.addCurve(to: CGPoint(x: 7.5, y: 14), control1: CGPoint(x: 7.16, y: 13.904), control2: CGPoint(x: 7.334, y: 14))
        p.addCurve(to: CGPoint(x: 8.024, y: 13.713), control1: CGPoint(x: 7.666, y: 14), control2: CGPoint(x: 7.84, y: 13.904))
        p.addCurve(to: CGPoint(x: 8.608, y: 12.895), control1: CGPoint(x: 8.165, y: 13.565), control2: CGPoint(x: 8.36, y: 13.293))
        p.addCurve(to: CGPoint(x: 8.859, y: 12.504), control1: CGPoint(x: 8.719, y: 12.716), control2: CGPoint(x: 8.803, y: 12.586))
        p.addCurve(to: CGPoint(x: 9.146, y: 12.146), control1: CGPoint(x: 8.961, y: 12.355), control2: CGPoint(x: 9.057, y: 12.236))
        p.addCurve(to: CGPoint(x: 9.5, y: 11.997), control1: CGPoint(x: 9.246, y: 12.047), control2: CGPoint(x: 9.364, y: 11.997))
        p.addCurve(to: CGPoint(x: 9.854, y: 12.146), control1: CGPoint(x: 9.636, y: 11.997), control2: CGPoint(x: 9.754, y: 12.047))
        p.addCurve(to: CGPoint(x: 10.4, y: 12.811), control1: CGPoint(x: 9.981, y: 12.274), control2: CGPoint(x: 10.164, y: 12.496))
        p.addCurve(to: CGPoint(x: 10.854, y: 13.369), control1: CGPoint(x: 10.608, y: 13.088), control2: CGPoint(x: 10.759, y: 13.274))
        p.addCurve(to: CGPoint(x: 11.002, y: 13.492), control1: CGPoint(x: 10.912, y: 13.427), control2: CGPoint(x: 10.961, y: 13.468))
        p.addCurve(to: CGPoint(x: 11.01, y: 13.496), control1: CGPoint(x: 11.005, y: 13.493), control2: CGPoint(x: 11.008, y: 13.495))
        p.addCurve(to: CGPoint(x: 11.04, y: 13.475), control1: CGPoint(x: 11.017, y: 13.492), control2: CGPoint(x: 11.027, y: 13.485))
        p.addCurve(to: CGPoint(x: 11.225, y: 13.24), control1: CGPoint(x: 11.099, y: 13.429), control2: CGPoint(x: 11.16, y: 13.35))
        p.addCurve(to: CGPoint(x: 11.638, y: 12.073), control1: CGPoint(x: 11.38, y: 12.975), control2: CGPoint(x: 11.518, y: 12.586))
        p.addCurve(to: CGPoint(x: 11.909, y: 10.365), control1: CGPoint(x: 11.755, y: 11.576), control2: CGPoint(x: 11.845, y: 11.007))
        p.addCurve(to: CGPoint(x: 12, y: 8.5), control1: CGPoint(x: 11.97, y: 9.748), control2: CGPoint(x: 12, y: 9.127))
        p.addCurve(to: CGPoint(x: 11.607, y: 5.769), control1: CGPoint(x: 12, y: 7.256), control2: CGPoint(x: 11.869, y: 6.345))
        p.addCurve(to: CGPoint(x: 11.159, y: 5.184), control1: CGPoint(x: 11.486, y: 5.502), control2: CGPoint(x: 11.337, y: 5.307))
        p.addCurve(to: CGPoint(x: 10.5, y: 5), control1: CGPoint(x: 10.984, y: 5.061), control2: CGPoint(x: 10.764, y: 5))
        p.addCurve(to: CGPoint(x: 8.004, y: 6.207), control1: CGPoint(x: 9.686, y: 5), control2: CGPoint(x: 8.854, y: 5.402))
        p.addCurve(to: CGPoint(x: 7.582, y: 6.5), control1: CGPoint(x: 7.938, y: 6.383), control2: CGPoint(x: 7.77, y: 6.5))
        p.addLine(to: CGPoint(x: 7.422, y: 6.5))
        p.addCurve(to: CGPoint(x: 7.002, y: 6.213), control1: CGPoint(x: 7.236, y: 6.5), control2: CGPoint(x: 7.07, y: 6.386))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "pepper-bell" (line-round), MIT. https://gentleface.com/icons/pepper-bell
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 PepperBellIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "pepper-bell", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_pepper_bell.xml · Gentleface "pepper-bell" (line-round), MIT. https://gentleface.com/icons/pepper-bell -->
<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="M8.16 4.792C8.931 4.264 9.71 4 10.5 4C10.973 4 11.384 4.121 11.731 4.363C12.058 4.591 12.321 4.922 12.518 5.356C12.839 6.063 13 7.111 13 8.5C13 9.16 12.968 9.814 12.904 10.463C12.836 11.149 12.739 11.762 12.612 12.302C12.439 13.035 12.219 13.584 11.95 13.951C11.682 14.317 11.365 14.5 11 14.5C10.714 14.5 10.429 14.359 10.146 14.076C10.019 13.948 9.836 13.726 9.6 13.411C9.574 13.377 9.55 13.344 9.526 13.313C9.504 13.348 9.481 13.385 9.456 13.424C9.322 13.64 9.217 13.802 9.141 13.912C9.006 14.107 8.874 14.272 8.745 14.405C8.365 14.802 7.95 15 7.5 15C7.05 15 6.635 14.802 6.255 14.405C6.126 14.272 5.994 14.107 5.859 13.912C5.783 13.802 5.678 13.64 5.544 13.424C5.519 13.385 5.496 13.348 5.474 13.313C5.45 13.344 5.426 13.377 5.4 13.411C5.164 13.726 4.981 13.948 4.854 14.076C4.571 14.359 4.286 14.5 4 14.5C3.635 14.5 3.318 14.317 3.05 13.951C2.781 13.584 2.561 13.035 2.388 12.302C2.261 11.762 2.164 11.149 2.096 10.463C2.032 9.814 2 9.16 2 8.5C2 7.111 2.161 6.063 2.482 5.356C2.679 4.922 2.942 4.591 3.269 4.363C3.616 4.121 4.027 4 4.5 4C5.373 4 6.234 4.323 7.083 4.969C7.203 4.012 7.471 3.227 7.888 2.612C8.242 2.09 8.723 1.659 9.33 1.318C9.397 1.281 9.473 1.261 9.55 1.261C9.799 1.261 10 1.462 10 1.711L10 2.193C10 2.37 9.896 2.531 9.734 2.603C8.926 2.966 8.401 3.696 8.16 4.792ZM7.002 6.213C6.15 5.404 5.316 5 4.5 5C4.236 5 4.016 5.061 3.841 5.184C3.663 5.307 3.514 5.502 3.393 5.769C3.131 6.345 3 7.256 3 8.5C3 9.127 3.03 9.748 3.091 10.365C3.155 11.007 3.245 11.576 3.362 12.073C3.482 12.586 3.62 12.975 3.775 13.24C3.84 13.35 3.901 13.429 3.96 13.475C3.973 13.485 3.983 13.492 3.99 13.496C3.992 13.495 3.995 13.493 3.998 13.492C4.039 13.468 4.088 13.427 4.146 13.369C4.241 13.274 4.392 13.088 4.6 12.811C4.836 12.496 5.019 12.274 5.146 12.146C5.246 12.047 5.364 11.997 5.5 11.997C5.636 11.997 5.754 12.047 5.854 12.146C5.943 12.236 6.039 12.355 6.141 12.504C6.197 12.586 6.281 12.716 6.392 12.895C6.64 13.293 6.835 13.565 6.976 13.713C7.16 13.904 7.334 14 7.5 14C7.666 14 7.84 13.904 8.024 13.713C8.165 13.565 8.36 13.293 8.608 12.895C8.719 12.716 8.803 12.586 8.859 12.504C8.961 12.355 9.057 12.236 9.146 12.146C9.246 12.047 9.364 11.997 9.5 11.997C9.636 11.997 9.754 12.047 9.854 12.146C9.981 12.274 10.164 12.496 10.4 12.811C10.608 13.088 10.759 13.274 10.854 13.369C10.912 13.427 10.961 13.468 11.002 13.492C11.005 13.493 11.008 13.495 11.01 13.496C11.017 13.492 11.027 13.485 11.04 13.475C11.099 13.429 11.16 13.35 11.225 13.24C11.38 12.975 11.518 12.586 11.638 12.073C11.755 11.576 11.845 11.007 11.909 10.365C11.97 9.748 12 9.127 12 8.5C12 7.256 11.869 6.345 11.607 5.769C11.486 5.502 11.337 5.307 11.159 5.184C10.984 5.061 10.764 5 10.5 5C9.686 5 8.854 5.402 8.004 6.207C7.938 6.383 7.77 6.5 7.582 6.5L7.422 6.5C7.236 6.5 7.07 6.386 7.002 6.213Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(8.16, 4.792)
      ..cubicTo(8.931, 4.264, 9.71, 4, 10.5, 4)
      ..cubicTo(10.973, 4, 11.384, 4.121, 11.731, 4.363)
      ..cubicTo(12.058, 4.591, 12.321, 4.922, 12.518, 5.356)
      ..cubicTo(12.839, 6.063, 13, 7.111, 13, 8.5)
      ..cubicTo(13, 9.16, 12.968, 9.814, 12.904, 10.463)
      ..cubicTo(12.836, 11.149, 12.739, 11.762, 12.612, 12.302)
      ..cubicTo(12.439, 13.035, 12.219, 13.584, 11.95, 13.951)
      ..cubicTo(11.682, 14.317, 11.365, 14.5, 11, 14.5)
      ..cubicTo(10.714, 14.5, 10.429, 14.359, 10.146, 14.076)
      ..cubicTo(10.019, 13.948, 9.836, 13.726, 9.6, 13.411)
      ..cubicTo(9.574, 13.377, 9.55, 13.344, 9.526, 13.313)
      ..cubicTo(9.504, 13.348, 9.481, 13.385, 9.456, 13.424)
      ..cubicTo(9.322, 13.64, 9.217, 13.802, 9.141, 13.912)
      ..cubicTo(9.006, 14.107, 8.874, 14.272, 8.745, 14.405)
      ..cubicTo(8.365, 14.802, 7.95, 15, 7.5, 15)
      ..cubicTo(7.05, 15, 6.635, 14.802, 6.255, 14.405)
      ..cubicTo(6.126, 14.272, 5.994, 14.107, 5.859, 13.912)
      ..cubicTo(5.783, 13.802, 5.678, 13.64, 5.544, 13.424)
      ..cubicTo(5.519, 13.385, 5.496, 13.348, 5.474, 13.313)
      ..cubicTo(5.45, 13.344, 5.426, 13.377, 5.4, 13.411)
      ..cubicTo(5.164, 13.726, 4.981, 13.948, 4.854, 14.076)
      ..cubicTo(4.571, 14.359, 4.286, 14.5, 4, 14.5)
      ..cubicTo(3.635, 14.5, 3.318, 14.317, 3.05, 13.951)
      ..cubicTo(2.781, 13.584, 2.561, 13.035, 2.388, 12.302)
      ..cubicTo(2.261, 11.762, 2.164, 11.149, 2.096, 10.463)
      ..cubicTo(2.032, 9.814, 2, 9.16, 2, 8.5)
      ..cubicTo(2, 7.111, 2.161, 6.063, 2.482, 5.356)
      ..cubicTo(2.679, 4.922, 2.942, 4.591, 3.269, 4.363)
      ..cubicTo(3.616, 4.121, 4.027, 4, 4.5, 4)
      ..cubicTo(5.373, 4, 6.234, 4.323, 7.083, 4.969)
      ..cubicTo(7.203, 4.012, 7.471, 3.227, 7.888, 2.612)
      ..cubicTo(8.242, 2.09, 8.723, 1.659, 9.33, 1.318)
      ..cubicTo(9.397, 1.281, 9.473, 1.261, 9.55, 1.261)
      ..cubicTo(9.799, 1.261, 10, 1.462, 10, 1.711)
      ..lineTo(10, 2.193)
      ..cubicTo(10, 2.37, 9.896, 2.531, 9.734, 2.603)
      ..cubicTo(8.926, 2.966, 8.401, 3.696, 8.16, 4.792)
      ..close()
      ..moveTo(7.002, 6.213)
      ..cubicTo(6.15, 5.404, 5.316, 5, 4.5, 5)
      ..cubicTo(4.236, 5, 4.016, 5.061, 3.841, 5.184)
      ..cubicTo(3.663, 5.307, 3.514, 5.502, 3.393, 5.769)
      ..cubicTo(3.131, 6.345, 3, 7.256, 3, 8.5)
      ..cubicTo(3, 9.127, 3.03, 9.748, 3.091, 10.365)
      ..cubicTo(3.155, 11.007, 3.245, 11.576, 3.362, 12.073)
      ..cubicTo(3.482, 12.586, 3.62, 12.975, 3.775, 13.24)
      ..cubicTo(3.84, 13.35, 3.901, 13.429, 3.96, 13.475)
      ..cubicTo(3.973, 13.485, 3.983, 13.492, 3.99, 13.496)
      ..cubicTo(3.992, 13.495, 3.995, 13.493, 3.998, 13.492)
      ..cubicTo(4.039, 13.468, 4.088, 13.427, 4.146, 13.369)
      ..cubicTo(4.241, 13.274, 4.392, 13.088, 4.6, 12.811)
      ..cubicTo(4.836, 12.496, 5.019, 12.274, 5.146, 12.146)
      ..cubicTo(5.246, 12.047, 5.364, 11.997, 5.5, 11.997)
      ..cubicTo(5.636, 11.997, 5.754, 12.047, 5.854, 12.146)
      ..cubicTo(5.943, 12.236, 6.039, 12.355, 6.141, 12.504)
      ..cubicTo(6.197, 12.586, 6.281, 12.716, 6.392, 12.895)
      ..cubicTo(6.64, 13.293, 6.835, 13.565, 6.976, 13.713)
      ..cubicTo(7.16, 13.904, 7.334, 14, 7.5, 14)
      ..cubicTo(7.666, 14, 7.84, 13.904, 8.024, 13.713)
      ..cubicTo(8.165, 13.565, 8.36, 13.293, 8.608, 12.895)
      ..cubicTo(8.719, 12.716, 8.803, 12.586, 8.859, 12.504)
      ..cubicTo(8.961, 12.355, 9.057, 12.236, 9.146, 12.146)
      ..cubicTo(9.246, 12.047, 9.364, 11.997, 9.5, 11.997)
      ..cubicTo(9.636, 11.997, 9.754, 12.047, 9.854, 12.146)
      ..cubicTo(9.981, 12.274, 10.164, 12.496, 10.4, 12.811)
      ..cubicTo(10.608, 13.088, 10.759, 13.274, 10.854, 13.369)
      ..cubicTo(10.912, 13.427, 10.961, 13.468, 11.002, 13.492)
      ..cubicTo(11.005, 13.493, 11.008, 13.495, 11.01, 13.496)
      ..cubicTo(11.017, 13.492, 11.027, 13.485, 11.04, 13.475)
      ..cubicTo(11.099, 13.429, 11.16, 13.35, 11.225, 13.24)
      ..cubicTo(11.38, 12.975, 11.518, 12.586, 11.638, 12.073)
      ..cubicTo(11.755, 11.576, 11.845, 11.007, 11.909, 10.365)
      ..cubicTo(11.97, 9.748, 12, 9.127, 12, 8.5)
      ..cubicTo(12, 7.256, 11.869, 6.345, 11.607, 5.769)
      ..cubicTo(11.486, 5.502, 11.337, 5.307, 11.159, 5.184)
      ..cubicTo(10.984, 5.061, 10.764, 5, 10.5, 5)
      ..cubicTo(9.686, 5, 8.854, 5.402, 8.004, 6.207)
      ..cubicTo(7.938, 6.383, 7.77, 6.5, 7.582, 6.5)
      ..lineTo(7.422, 6.5)
      ..cubicTo(7.236, 6.5, 7.07, 6.386, 7.002, 6.213)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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