Banana icon
Download the Banana icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- fruit
- food
- healthy
- tropical
- snack
- yellow
- potassium
- vegan
Size
Stroke
Color
- Category
- general
- Styles
- Outline
- Component
- IconBanana
- License
- MIT · Paweł Kuna
- Files
-
outline/banana.svg
Code
Copy it the way you use it
banana.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="M20 6v-2a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v2a9.09 9.09 0 0 1 -4 8.08c-2 1.31 -5 1.57 -7 1.59a2 2 0 0 0 -2 2a2 2 0 0 0 1.16 1.81c2.69 1.2 9.46 3.44 14.35 -1.66c4.49 -4.74 1.49 -11.82 1.49 -11.82" />
</svg>Use the Banana 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 { IconBanana } from '@tabler/icons-react';
<IconBanana size={24} stroke={2} />Vue example
import { IconBanana } from '@tabler/icons-vue';
<IconBanana :size="24" :stroke="2" />Svelte 5 example
import { IconBanana } from '@tabler/icons-svelte-runes';
<IconBanana size={24} stroke={2} />Related