avocado icon
avocado from Tabler Icons by Paweł Kuna · Outline · MIT Free for personal and commercial use.
- Name
- avocado
- Set
- Tabler Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the avocado icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17.8 14.04a3.9 3.9 0 0 1 1.337-2.075Q20.929 10.488 21 8.063q-.071-2.145-1.477-3.586Q18.083 3.07 15.938 3q-2.426.07-3.903 1.863q-.843 1.02-2.074 1.336q-1.406.281-2.672.88q-1.266.597-2.144 1.44Q3 10.771 3 13.688q0 2.919 2.145 5.168Q7.395 21 10.313 21q2.917 0 5.167-2.145q.844-.878 1.477-2.144q.597-1.266.844-2.637v-.035z"/><path d="M10.87 10.036q-1.413.168-2.556 1.278q-1.11 1.143-1.278 2.556q-.202 1.38.74 2.354q.975.942 2.354.74q1.413-.168 2.556-1.278q1.11-1.143 1.278-2.556q.202-1.38-.74-2.354q-.975-.942-2.354-.74"/></g></svg>
React
import type { SVGProps } from "react";
export function TablerAvocado(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M17.8 14.04a3.9 3.9 0 0 1 1.337-2.075Q20.929 10.488 21 8.063q-.071-2.145-1.477-3.586Q18.083 3.07 15.938 3q-2.426.07-3.903 1.863q-.843 1.02-2.074 1.336q-1.406.281-2.672.88q-1.266.597-2.144 1.44Q3 10.771 3 13.688q0 2.919 2.145 5.168Q7.395 21 10.313 21q2.917 0 5.167-2.145q.844-.878 1.477-2.144q.597-1.266.844-2.637v-.035z"/><path d="M10.87 10.036q-1.413.168-2.556 1.278q-1.11 1.143-1.278 2.556q-.202 1.38.74 2.354q.975.942 2.354.74q1.413-.168 2.556-1.278q1.11-1.143 1.278-2.556q.202-1.38-.74-2.354q-.975-.942-2.354-.74"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17.8 14.04a3.9 3.9 0 0 1 1.337-2.075Q20.929 10.488 21 8.063q-.071-2.145-1.477-3.586Q18.083 3.07 15.938 3q-2.426.07-3.903 1.863q-.843 1.02-2.074 1.336q-1.406.281-2.672.88q-1.266.597-2.144 1.44Q3 10.771 3 13.688q0 2.919 2.145 5.168Q7.395 21 10.313 21q2.917 0 5.167-2.145q.844-.878 1.477-2.144q.597-1.266.844-2.637v-.035z"/><path d="M10.87 10.036q-1.413.168-2.556 1.278q-1.11 1.143-1.278 2.556q-.202 1.38.74 2.354q.975.942 2.354.74q1.413-.168 2.556-1.278q1.11-1.143 1.278-2.556q.202-1.38-.74-2.354q-.975-.942-2.354-.74"/></g></svg> </template>
CSS
.icon-avocado {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M17.8%2014.04a3.9%203.9%200%200%201%201.337-2.075Q20.929%2010.488%2021%208.063q-.071-2.145-1.477-3.586Q18.083%203.07%2015.938%203q-2.426.07-3.903%201.863q-.843%201.02-2.074%201.336q-1.406.281-2.672.88q-1.266.597-2.144%201.44Q3%2010.771%203%2013.688q0%202.919%202.145%205.168Q7.395%2021%2010.313%2021q2.917%200%205.167-2.145q.844-.878%201.477-2.144q.597-1.266.844-2.637v-.035z%22%2F%3E%3Cpath%20d%3D%22M10.87%2010.036q-1.413.168-2.556%201.278q-1.11%201.143-1.278%202.556q-.202%201.38.74%202.354q.975.942%202.354.74q1.413-.168%202.556-1.278q1.11-1.143%201.278-2.556q.202-1.38-.74-2.354q-.975-.942-2.354-.74%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M17.8%2014.04a3.9%203.9%200%200%201%201.337-2.075Q20.929%2010.488%2021%208.063q-.071-2.145-1.477-3.586Q18.083%203.07%2015.938%203q-2.426.07-3.903%201.863q-.843%201.02-2.074%201.336q-1.406.281-2.672.88q-1.266.597-2.144%201.44Q3%2010.771%203%2013.688q0%202.919%202.145%205.168Q7.395%2021%2010.313%2021q2.917%200%205.167-2.145q.844-.878%201.477-2.144q.597-1.266.844-2.637v-.035z%22%2F%3E%3Cpath%20d%3D%22M10.87%2010.036q-1.413.168-2.556%201.278q-1.11%201.143-1.278%202.556q-.202%201.38.74%202.354q.975.942%202.354.74q1.413-.168%202.556-1.278q1.11-1.143%201.278-2.556q.202-1.38-.74-2.354q-.975-.942-2.354-.74%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/avocado.svg?color=%231a73e8&size=48
