Wheat Off icon
Download the Wheat Off icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- gluten-free
- wheat
- grain
- allergen
- disabled
- wheat-free
- allergy
- food
- off
Size
Stroke
Color
- Category
- general
- Styles
- Outline
- Component
- IconWheatOff
- License
- MIT · Paweł Kuna
- Files
-
outline/wheat-off.svg
Code
Copy it the way you use it
wheat-off.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M3 3l18 18" />
<path d="M12 21.5v-3.75" />
<path d="M5.916 9.49l-.43 1.604c-.712 2.659 .866 5.392 3.524 6.104c.997 .268 1.994 .535 2.99 .802v-3.44c-.164 -2.105 -1.637 -3.879 -3.677 -4.426l-2.407 -.644" />
<path d="M10.249 4.251c.007 -.007 .014 -.014 .021 -.021l1.73 -1.73" />
<path d="M10.27 11.15c-.589 -.589 -1.017 -1.318 -1.246 -2.118" />
<path d="M14.988 8.988c.229 -.834 .234 -1.713 .013 -2.549c-.221 -.836 -.659 -1.598 -1.271 -2.209l-1.73 -1.73" />
<path d="M16.038 10.037l2.046 -.547l.431 1.604c.142 .53 .193 1.063 .162 1.583" />
<path d="M16.506 16.505c-.45 .307 -.959 .544 -1.516 .694c-.997 .268 -1.994 .535 -2.99 .801v-3.44c.055 -.708 .259 -1.379 .582 -1.978" />
</svg>Use the Wheat Off icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconWheatOff } from '@tabler/icons-react';
<IconWheatOff size={24} stroke={2} />Vue example
import { IconWheatOff } from '@tabler/icons-vue';
<IconWheatOff :size="24" :stroke="2" />Svelte 5 example
import { IconWheatOff } from '@tabler/icons-svelte-runes';
<IconWheatOff size={24} stroke={2} />Related