# bean icon

Bean. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/bean

- Category: Food & drink
- Use it for: beans, legumes, soy, soybean, pulses
- Tags: bean, beans, legume, legumes, soy, soybean, kidney-bean, pulses, coffee-bean, protein, allergen, vegetable, food
- Family: bean-off
- Component name: BeanIcon
- Added: 2026-10-16

## Alternatives

- `bean-off`: soy-free

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

The SVG of every style: https://gentleface.com/icons/bean.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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z"/></svg>
```

### React

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

export function BeanIcon(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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "bean" (line-round), MIT. https://gentleface.com/icons/bean -->
<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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "bean" (line-round), MIT. https://gentleface.com/icons/bean -->
<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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "bean" (line-round), MIT. https://gentleface.com/icons/bean. Takes the text color. */
.icon-bean {
  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='M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z'/%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='M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z'/%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='M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct BeanIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 12.218, y: 12.218))
        p.addCurve(to: CGPoint(x: 8.997, y: 14.333), control1: CGPoint(x: 11.29, y: 13.145), control2: CGPoint(x: 10.216, y: 13.85))
        p.addCurve(to: CGPoint(x: 5.5, y: 15), control1: CGPoint(x: 7.874, y: 14.778), control2: CGPoint(x: 6.708, y: 15))
        p.addCurve(to: CGPoint(x: 3.844, y: 14.684), control1: CGPoint(x: 4.928, y: 15), control2: CGPoint(x: 4.376, y: 14.895))
        p.addCurve(to: CGPoint(x: 2.318, y: 13.682), control1: CGPoint(x: 3.266, y: 14.455), control2: CGPoint(x: 2.757, y: 14.121))
        p.addCurve(to: CGPoint(x: 1.316, y: 12.156), control1: CGPoint(x: 1.879, y: 13.243), control2: CGPoint(x: 1.545, y: 12.734))
        p.addCurve(to: CGPoint(x: 1, y: 10.5), control1: CGPoint(x: 1.105, y: 11.624), control2: CGPoint(x: 1, y: 11.072))
        p.addCurve(to: CGPoint(x: 1.316, y: 8.844), control1: CGPoint(x: 1, y: 9.928), control2: CGPoint(x: 1.105, y: 9.376))
        p.addCurve(to: CGPoint(x: 2.318, y: 7.318), control1: CGPoint(x: 1.545, y: 8.266), control2: CGPoint(x: 1.879, y: 7.757))
        p.addCurve(to: CGPoint(x: 3.844, y: 6.316), control1: CGPoint(x: 2.757, y: 6.879), control2: CGPoint(x: 3.266, y: 6.545))
        p.addCurve(to: CGPoint(x: 5.5, y: 6), control1: CGPoint(x: 4.376, y: 6.105), control2: CGPoint(x: 4.928, y: 6))
        p.addCurve(to: CGPoint(x: 5.854, y: 5.854), control1: CGPoint(x: 5.638, y: 6), control2: CGPoint(x: 5.756, y: 5.951))
        p.addCurve(to: CGPoint(x: 6, y: 5.5), control1: CGPoint(x: 5.951, y: 5.756), control2: CGPoint(x: 6, y: 5.638))
        p.addCurve(to: CGPoint(x: 6.316, y: 3.844), control1: CGPoint(x: 6, y: 4.928), control2: CGPoint(x: 6.105, y: 4.376))
        p.addCurve(to: CGPoint(x: 7.318, y: 2.318), control1: CGPoint(x: 6.545, y: 3.266), control2: CGPoint(x: 6.879, y: 2.757))
        p.addCurve(to: CGPoint(x: 8.844, y: 1.316), control1: CGPoint(x: 7.757, y: 1.879), control2: CGPoint(x: 8.266, y: 1.545))
        p.addCurve(to: CGPoint(x: 10.5, y: 1), control1: CGPoint(x: 9.376, y: 1.105), control2: CGPoint(x: 9.928, y: 1))
        p.addCurve(to: CGPoint(x: 12.156, y: 1.316), control1: CGPoint(x: 11.072, y: 1), control2: CGPoint(x: 11.624, y: 1.105))
        p.addCurve(to: CGPoint(x: 13.682, y: 2.318), control1: CGPoint(x: 12.734, y: 1.545), control2: CGPoint(x: 13.243, y: 1.879))
        p.addCurve(to: CGPoint(x: 14.684, y: 3.844), control1: CGPoint(x: 14.121, y: 2.757), control2: CGPoint(x: 14.455, y: 3.266))
        p.addCurve(to: CGPoint(x: 15, y: 5.5), control1: CGPoint(x: 14.895, y: 4.376), control2: CGPoint(x: 15, y: 4.928))
        p.addCurve(to: CGPoint(x: 14.333, y: 8.997), control1: CGPoint(x: 15, y: 6.708), control2: CGPoint(x: 14.778, y: 7.874))
        p.addCurve(to: CGPoint(x: 12.218, y: 12.218), control1: CGPoint(x: 13.85, y: 10.216), control2: CGPoint(x: 13.145, y: 11.29))
        p.closeSubpath()
        p.move(to: CGPoint(x: 12.975, y: 3.025))
        p.addCurve(to: CGPoint(x: 11.788, y: 2.246), control1: CGPoint(x: 12.633, y: 2.683), control2: CGPoint(x: 12.238, y: 2.424))
        p.addCurve(to: CGPoint(x: 10.5, y: 2), control1: CGPoint(x: 11.375, y: 2.082), control2: CGPoint(x: 10.945, y: 2))
        p.addCurve(to: CGPoint(x: 9.212, y: 2.246), control1: CGPoint(x: 10.055, y: 2), control2: CGPoint(x: 9.625, y: 2.082))
        p.addCurve(to: CGPoint(x: 8.025, y: 3.025), control1: CGPoint(x: 8.762, y: 2.424), control2: CGPoint(x: 8.367, y: 2.683))
        p.addCurve(to: CGPoint(x: 7.246, y: 4.212), control1: CGPoint(x: 7.683, y: 3.367), control2: CGPoint(x: 7.424, y: 3.762))
        p.addCurve(to: CGPoint(x: 7, y: 5.5), control1: CGPoint(x: 7.082, y: 4.625), control2: CGPoint(x: 7, y: 5.055))
        p.addCurve(to: CGPoint(x: 6.895, y: 6.052), control1: CGPoint(x: 7, y: 5.691), control2: CGPoint(x: 6.965, y: 5.875))
        p.addCurve(to: CGPoint(x: 6.561, y: 6.561), control1: CGPoint(x: 6.818, y: 6.245), control2: CGPoint(x: 6.707, y: 6.414))
        p.addCurve(to: CGPoint(x: 6.052, y: 6.895), control1: CGPoint(x: 6.414, y: 6.707), control2: CGPoint(x: 6.245, y: 6.818))
        p.addCurve(to: CGPoint(x: 5.5, y: 7), control1: CGPoint(x: 5.875, y: 6.965), control2: CGPoint(x: 5.691, y: 7))
        p.addCurve(to: CGPoint(x: 4.212, y: 7.246), control1: CGPoint(x: 5.055, y: 7), control2: CGPoint(x: 4.625, y: 7.082))
        p.addCurve(to: CGPoint(x: 3.025, y: 8.025), control1: CGPoint(x: 3.762, y: 7.424), control2: CGPoint(x: 3.367, y: 7.683))
        p.addCurve(to: CGPoint(x: 2.246, y: 9.212), control1: CGPoint(x: 2.683, y: 8.367), control2: CGPoint(x: 2.424, y: 8.762))
        p.addCurve(to: CGPoint(x: 2, y: 10.5), control1: CGPoint(x: 2.082, y: 9.625), control2: CGPoint(x: 2, y: 10.055))
        p.addCurve(to: CGPoint(x: 2.246, y: 11.788), control1: CGPoint(x: 2, y: 10.945), control2: CGPoint(x: 2.082, y: 11.375))
        p.addCurve(to: CGPoint(x: 3.025, y: 12.975), control1: CGPoint(x: 2.424, y: 12.238), control2: CGPoint(x: 2.683, y: 12.633))
        p.addCurve(to: CGPoint(x: 4.212, y: 13.754), control1: CGPoint(x: 3.367, y: 13.317), control2: CGPoint(x: 3.762, y: 13.576))
        p.addCurve(to: CGPoint(x: 5.5, y: 14), control1: CGPoint(x: 4.625, y: 13.918), control2: CGPoint(x: 5.055, y: 14))
        p.addCurve(to: CGPoint(x: 8.629, y: 13.403), control1: CGPoint(x: 6.581, y: 14), control2: CGPoint(x: 7.624, y: 13.801))
        p.addCurve(to: CGPoint(x: 11.51, y: 11.51), control1: CGPoint(x: 9.72, y: 12.971), control2: CGPoint(x: 10.681, y: 12.34))
        p.addCurve(to: CGPoint(x: 13.403, y: 8.629), control1: CGPoint(x: 12.34, y: 10.681), control2: CGPoint(x: 12.971, y: 9.72))
        p.addCurve(to: CGPoint(x: 14, y: 5.5), control1: CGPoint(x: 13.801, y: 7.624), control2: CGPoint(x: 14, y: 6.581))
        p.addCurve(to: CGPoint(x: 13.754, y: 4.212), control1: CGPoint(x: 14, y: 5.055), control2: CGPoint(x: 13.918, y: 4.625))
        p.addCurve(to: CGPoint(x: 12.975, y: 3.025), control1: CGPoint(x: 13.576, y: 3.762), control2: CGPoint(x: 13.317, y: 3.367))
        p.closeSubpath()
        p.move(to: CGPoint(x: 9.56, y: 7.442))
        p.addCurve(to: CGPoint(x: 8.682, y: 8.682), control1: CGPoint(x: 9.338, y: 7.905), control2: CGPoint(x: 9.045, y: 8.319))
        p.addCurve(to: CGPoint(x: 7.442, y: 9.56), control1: CGPoint(x: 8.319, y: 9.045), control2: CGPoint(x: 7.905, y: 9.338))
        p.addCurve(to: CGPoint(x: 6.062, y: 9.965), control1: CGPoint(x: 7.004, y: 9.769), control2: CGPoint(x: 6.544, y: 9.904))
        p.addCurve(to: CGPoint(x: 5.693, y: 9.864), control1: CGPoint(x: 5.926, y: 9.982), control2: CGPoint(x: 5.802, y: 9.948))
        p.addCurve(to: CGPoint(x: 5.504, y: 9.531), control1: CGPoint(x: 5.584, y: 9.779), control2: CGPoint(x: 5.521, y: 9.668))
        p.addCurve(to: CGPoint(x: 5.603, y: 9.16), control1: CGPoint(x: 5.486, y: 9.391), control2: CGPoint(x: 5.519, y: 9.268))
        p.addCurve(to: CGPoint(x: 5.937, y: 8.973), control1: CGPoint(x: 5.686, y: 9.053), control2: CGPoint(x: 5.798, y: 8.99))
        p.addCurve(to: CGPoint(x: 7.01, y: 8.657), control1: CGPoint(x: 6.312, y: 8.925), control2: CGPoint(x: 6.67, y: 8.82))
        p.addCurve(to: CGPoint(x: 7.975, y: 7.975), control1: CGPoint(x: 7.371, y: 8.485), control2: CGPoint(x: 7.692, y: 8.257))
        p.addCurve(to: CGPoint(x: 8.657, y: 7.01), control1: CGPoint(x: 8.257, y: 7.692), control2: CGPoint(x: 8.485, y: 7.371))
        p.addCurve(to: CGPoint(x: 8.973, y: 5.938), control1: CGPoint(x: 8.82, y: 6.67), control2: CGPoint(x: 8.925, y: 6.312))
        p.addCurve(to: CGPoint(x: 9.16, y: 5.603), control1: CGPoint(x: 8.99, y: 5.798), control2: CGPoint(x: 9.053, y: 5.686))
        p.addCurve(to: CGPoint(x: 9.531, y: 5.504), control1: CGPoint(x: 9.268, y: 5.519), control2: CGPoint(x: 9.391, y: 5.486))
        p.addCurve(to: CGPoint(x: 9.864, y: 5.693), control1: CGPoint(x: 9.668, y: 5.521), control2: CGPoint(x: 9.779, y: 5.584))
        p.addCurve(to: CGPoint(x: 9.965, y: 6.063), control1: CGPoint(x: 9.948, y: 5.802), control2: CGPoint(x: 9.982, y: 5.926))
        p.addCurve(to: CGPoint(x: 9.56, y: 7.442), control1: CGPoint(x: 9.904, y: 6.544), control2: CGPoint(x: 9.769, y: 7.004))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "bean" (line-round), MIT. https://gentleface.com/icons/bean
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 BeanIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "bean", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_bean.xml · Gentleface "bean" (line-round), MIT. https://gentleface.com/icons/bean -->
<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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(12.218, 12.218)
      ..cubicTo(11.29, 13.145, 10.216, 13.85, 8.997, 14.333)
      ..cubicTo(7.874, 14.778, 6.708, 15, 5.5, 15)
      ..cubicTo(4.928, 15, 4.376, 14.895, 3.844, 14.684)
      ..cubicTo(3.266, 14.455, 2.757, 14.121, 2.318, 13.682)
      ..cubicTo(1.879, 13.243, 1.545, 12.734, 1.316, 12.156)
      ..cubicTo(1.105, 11.624, 1, 11.072, 1, 10.5)
      ..cubicTo(1, 9.928, 1.105, 9.376, 1.316, 8.844)
      ..cubicTo(1.545, 8.266, 1.879, 7.757, 2.318, 7.318)
      ..cubicTo(2.757, 6.879, 3.266, 6.545, 3.844, 6.316)
      ..cubicTo(4.376, 6.105, 4.928, 6, 5.5, 6)
      ..cubicTo(5.638, 6, 5.756, 5.951, 5.854, 5.854)
      ..cubicTo(5.951, 5.756, 6, 5.638, 6, 5.5)
      ..cubicTo(6, 4.928, 6.105, 4.376, 6.316, 3.844)
      ..cubicTo(6.545, 3.266, 6.879, 2.757, 7.318, 2.318)
      ..cubicTo(7.757, 1.879, 8.266, 1.545, 8.844, 1.316)
      ..cubicTo(9.376, 1.105, 9.928, 1, 10.5, 1)
      ..cubicTo(11.072, 1, 11.624, 1.105, 12.156, 1.316)
      ..cubicTo(12.734, 1.545, 13.243, 1.879, 13.682, 2.318)
      ..cubicTo(14.121, 2.757, 14.455, 3.266, 14.684, 3.844)
      ..cubicTo(14.895, 4.376, 15, 4.928, 15, 5.5)
      ..cubicTo(15, 6.708, 14.778, 7.874, 14.333, 8.997)
      ..cubicTo(13.85, 10.216, 13.145, 11.29, 12.218, 12.218)
      ..close()
      ..moveTo(12.975, 3.025)
      ..cubicTo(12.633, 2.683, 12.238, 2.424, 11.788, 2.246)
      ..cubicTo(11.375, 2.082, 10.945, 2, 10.5, 2)
      ..cubicTo(10.055, 2, 9.625, 2.082, 9.212, 2.246)
      ..cubicTo(8.762, 2.424, 8.367, 2.683, 8.025, 3.025)
      ..cubicTo(7.683, 3.367, 7.424, 3.762, 7.246, 4.212)
      ..cubicTo(7.082, 4.625, 7, 5.055, 7, 5.5)
      ..cubicTo(7, 5.691, 6.965, 5.875, 6.895, 6.052)
      ..cubicTo(6.818, 6.245, 6.707, 6.414, 6.561, 6.561)
      ..cubicTo(6.414, 6.707, 6.245, 6.818, 6.052, 6.895)
      ..cubicTo(5.875, 6.965, 5.691, 7, 5.5, 7)
      ..cubicTo(5.055, 7, 4.625, 7.082, 4.212, 7.246)
      ..cubicTo(3.762, 7.424, 3.367, 7.683, 3.025, 8.025)
      ..cubicTo(2.683, 8.367, 2.424, 8.762, 2.246, 9.212)
      ..cubicTo(2.082, 9.625, 2, 10.055, 2, 10.5)
      ..cubicTo(2, 10.945, 2.082, 11.375, 2.246, 11.788)
      ..cubicTo(2.424, 12.238, 2.683, 12.633, 3.025, 12.975)
      ..cubicTo(3.367, 13.317, 3.762, 13.576, 4.212, 13.754)
      ..cubicTo(4.625, 13.918, 5.055, 14, 5.5, 14)
      ..cubicTo(6.581, 14, 7.624, 13.801, 8.629, 13.403)
      ..cubicTo(9.72, 12.971, 10.681, 12.34, 11.51, 11.51)
      ..cubicTo(12.34, 10.681, 12.971, 9.72, 13.403, 8.629)
      ..cubicTo(13.801, 7.624, 14, 6.581, 14, 5.5)
      ..cubicTo(14, 5.055, 13.918, 4.625, 13.754, 4.212)
      ..cubicTo(13.576, 3.762, 13.317, 3.367, 12.975, 3.025)
      ..close()
      ..moveTo(9.56, 7.442)
      ..cubicTo(9.338, 7.905, 9.045, 8.319, 8.682, 8.682)
      ..cubicTo(8.319, 9.045, 7.905, 9.338, 7.442, 9.56)
      ..cubicTo(7.004, 9.769, 6.544, 9.904, 6.062, 9.965)
      ..cubicTo(5.926, 9.982, 5.802, 9.948, 5.693, 9.864)
      ..cubicTo(5.584, 9.779, 5.521, 9.668, 5.504, 9.531)
      ..cubicTo(5.486, 9.391, 5.519, 9.268, 5.603, 9.16)
      ..cubicTo(5.686, 9.053, 5.798, 8.99, 5.937, 8.973)
      ..cubicTo(6.312, 8.925, 6.67, 8.82, 7.01, 8.657)
      ..cubicTo(7.371, 8.485, 7.692, 8.257, 7.975, 7.975)
      ..cubicTo(8.257, 7.692, 8.485, 7.371, 8.657, 7.01)
      ..cubicTo(8.82, 6.67, 8.925, 6.312, 8.973, 5.938)
      ..cubicTo(8.99, 5.798, 9.053, 5.686, 9.16, 5.603)
      ..cubicTo(9.268, 5.519, 9.391, 5.486, 9.531, 5.504)
      ..cubicTo(9.668, 5.521, 9.779, 5.584, 9.864, 5.693)
      ..cubicTo(9.948, 5.802, 9.982, 5.926, 9.965, 6.063)
      ..cubicTo(9.904, 6.544, 9.769, 7.004, 9.56, 7.442)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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