vegan icon

Vegan: vegan, plant based, vegetarian, veggie. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

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="M14.874 1.18C14.951 1.271 14.99 1.389 14.981 1.508C14.943 1.988 14.851 2.442 14.705 2.869C14.513 3.432 14.233 3.93 13.867 4.362C13.502 4.793 13.064 5.143 12.554 5.411C12.037 5.683 11.464 5.861 10.836 5.945L7.947 11.724C7.898 11.823 7.823 11.898 7.724 11.947C7.6 12.009 7.473 12.018 7.342 11.974C7.211 11.931 7.115 11.847 7.053 11.724L4.053 5.724C3.991 5.6 3.982 5.473 4.026 5.342C4.069 5.211 4.153 5.115 4.276 5.053C4.4 4.991 4.527 4.982 4.658 5.026C4.789 5.069 4.885 5.153 4.947 5.276L7.5 10.382L10.054 5.274L10.056 5.269C10.143 4.708 10.322 4.171 10.593 3.66C10.868 3.143 11.217 2.689 11.642 2.297C12.085 1.889 12.582 1.574 13.134 1.353C13.566 1.18 14.018 1.07 14.488 1.025C14.514 1.022 14.541 1.022 14.567 1.024C14.686 1.033 14.796 1.089 14.874 1.18ZM13.98 9.004C13.899 10.05 13.583 11.02 13.032 11.912C12.482 12.805 11.757 13.523 10.859 14.065C10.055 14.55 9.187 14.847 8.255 14.956C7.322 15.065 6.409 14.976 5.515 14.689C4.516 14.369 3.646 13.838 2.904 13.096C2.162 12.354 1.631 11.484 1.311 10.485C1.024 9.591 0.935 8.678 1.044 7.745C1.153 6.813 1.45 5.945 1.935 5.141C2.477 4.243 3.195 3.518 4.088 2.968C4.98 2.417 5.95 2.101 6.996 2.02C7.932 1.947 8.841 2.071 9.723 2.392C9.853 2.439 9.947 2.525 10.005 2.651C10.064 2.776 10.069 2.903 10.022 3.033C9.975 3.163 9.889 3.257 9.763 3.315C9.638 3.373 9.511 3.379 9.381 3.332C8.635 3.06 7.865 2.955 7.073 3.017C6.188 3.085 5.368 3.353 4.613 3.819C3.857 4.285 3.25 4.898 2.791 5.658C2.381 6.338 2.129 7.072 2.037 7.861C1.945 8.651 2.02 9.423 2.263 10.18C2.534 11.025 2.983 11.761 3.611 12.389C4.239 13.017 4.975 13.466 5.82 13.737C6.577 13.98 7.349 14.055 8.139 13.963C8.928 13.871 9.662 13.619 10.342 13.209C11.102 12.75 11.715 12.143 12.181 11.387C12.647 10.632 12.915 9.812 12.983 8.927C13.045 8.135 12.94 7.365 12.668 6.619C12.621 6.489 12.627 6.362 12.685 6.237C12.743 6.111 12.837 6.025 12.967 5.978C13.097 5.931 13.224 5.936 13.349 5.995C13.475 6.053 13.561 6.147 13.608 6.277C13.929 7.159 14.053 8.068 13.98 9.004Z"/></svg>

React

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

export function VeganIcon(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="M14.874 1.18C14.951 1.271 14.99 1.389 14.981 1.508C14.943 1.988 14.851 2.442 14.705 2.869C14.513 3.432 14.233 3.93 13.867 4.362C13.502 4.793 13.064 5.143 12.554 5.411C12.037 5.683 11.464 5.861 10.836 5.945L7.947 11.724C7.898 11.823 7.823 11.898 7.724 11.947C7.6 12.009 7.473 12.018 7.342 11.974C7.211 11.931 7.115 11.847 7.053 11.724L4.053 5.724C3.991 5.6 3.982 5.473 4.026 5.342C4.069 5.211 4.153 5.115 4.276 5.053C4.4 4.991 4.527 4.982 4.658 5.026C4.789 5.069 4.885 5.153 4.947 5.276L7.5 10.382L10.054 5.274L10.056 5.269C10.143 4.708 10.322 4.171 10.593 3.66C10.868 3.143 11.217 2.689 11.642 2.297C12.085 1.889 12.582 1.574 13.134 1.353C13.566 1.18 14.018 1.07 14.488 1.025C14.514 1.022 14.541 1.022 14.567 1.024C14.686 1.033 14.796 1.089 14.874 1.18ZM13.98 9.004C13.899 10.05 13.583 11.02 13.032 11.912C12.482 12.805 11.757 13.523 10.859 14.065C10.055 14.55 9.187 14.847 8.255 14.956C7.322 15.065 6.409 14.976 5.515 14.689C4.516 14.369 3.646 13.838 2.904 13.096C2.162 12.354 1.631 11.484 1.311 10.485C1.024 9.591 0.935 8.678 1.044 7.745C1.153 6.813 1.45 5.945 1.935 5.141C2.477 4.243 3.195 3.518 4.088 2.968C4.98 2.417 5.95 2.101 6.996 2.02C7.932 1.947 8.841 2.071 9.723 2.392C9.853 2.439 9.947 2.525 10.005 2.651C10.064 2.776 10.069 2.903 10.022 3.033C9.975 3.163 9.889 3.257 9.763 3.315C9.638 3.373 9.511 3.379 9.381 3.332C8.635 3.06 7.865 2.955 7.073 3.017C6.188 3.085 5.368 3.353 4.613 3.819C3.857 4.285 3.25 4.898 2.791 5.658C2.381 6.338 2.129 7.072 2.037 7.861C1.945 8.651 2.02 9.423 2.263 10.18C2.534 11.025 2.983 11.761 3.611 12.389C4.239 13.017 4.975 13.466 5.82 13.737C6.577 13.98 7.349 14.055 8.139 13.963C8.928 13.871 9.662 13.619 10.342 13.209C11.102 12.75 11.715 12.143 12.181 11.387C12.647 10.632 12.915 9.812 12.983 8.927C13.045 8.135 12.94 7.365 12.668 6.619C12.621 6.489 12.627 6.362 12.685 6.237C12.743 6.111 12.837 6.025 12.967 5.978C13.097 5.931 13.224 5.936 13.349 5.995C13.475 6.053 13.561 6.147 13.608 6.277C13.929 7.159 14.053 8.068 13.98 9.004Z" />
    </svg>
  );
}

Vue

Vue: see /icons/vegan.md

Svelte

Svelte: see /icons/vegan.md

HTML img

HTML img: see /icons/vegan.md

CSS

CSS: see /icons/vegan.md

Data URL

Data URL: see /icons/vegan.md

Sprite

Sprite: see /icons/vegan.md

SwiftUI

SwiftUI: see /icons/vegan.md

Compose

Compose: see /icons/vegan.md

Android XML

Android XML: see /icons/vegan.md

Flutter

Flutter: see /icons/vegan.md

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. 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. More in how to use.

Meaning

Use it for

vegan, plant based, vegetarian, veggie, veg

Also fits

salad: a vegan or plant-based dish

Tags

vegan, vegetarian, plant-based, leaf, diet, green, organic, veggie

Category

Food & drink

Component name

VeganIcon

History

2026-10-15 added

More food & drink icons

apple bean bean-off beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cookie cookie-off cooking-pot · all food & drink icons

For agents

Metadata: /icons/vegan.json · Markdown: /icons/vegan.md · SVG: https://gentleface.com/svg/{style}/16/vegan.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/vegan.png

vegan icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More food & drink icons

For agents

vegan icon