salad icon
salad-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- salad-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
Use the salad icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.53 3.152l3.742 2.339Q14.764 5 16.744 5H19a1 1 0 0 1 1 1l-.001 1.336l-.05.895l-.042.585c-.037.457-.08.84-.134 1.185L20 10a2 2 0 0 1 2 2v.5c0 1.694-2.247 5.49-3.983 6.983l-.017.013V20a2 2 0 0 1-1.85 1.995L16 22H8a2 2 0 0 1-2-2v-.496l-.065-.053c-1.76-1.496-3.794-4.965-3.928-6.77L2 12.5V12a2 2 0 0 1 2-2h.078A14 14 0 0 1 4 9V8a1 1 0 0 1 1-1h1.755c.138 0 .287.034.44.092l.835-3.335a1 1 0 0 1 1.5-.605M7.337 8.999L6.002 9l.027.42q.025.292.064.58h.942q.078-.533.302-1.001M18 7h-1.256c-1.712 0-3.003.31-3.922.88A3.5 3.5 0 0 1 13.965 10h3.774c.127-.615.194-1.4.261-2.714zm-7.5 2a1.5 1.5 0 0 0-1.414 1h2.828a1.5 1.5 0 0 0-.845-.888l-.166-.056A1.5 1.5 0 0 0 10.5 9m-.864-3.424l-.415 1.665a3.5 3.5 0 0 1 1.502-.234a6 6 0 0 1 .497-.442z"/></svg>
React
import type { SVGProps } from "react";
export function TablerSaladFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.53 3.152l3.742 2.339Q14.764 5 16.744 5H19a1 1 0 0 1 1 1l-.001 1.336l-.05.895l-.042.585c-.037.457-.08.84-.134 1.185L20 10a2 2 0 0 1 2 2v.5c0 1.694-2.247 5.49-3.983 6.983l-.017.013V20a2 2 0 0 1-1.85 1.995L16 22H8a2 2 0 0 1-2-2v-.496l-.065-.053c-1.76-1.496-3.794-4.965-3.928-6.77L2 12.5V12a2 2 0 0 1 2-2h.078A14 14 0 0 1 4 9V8a1 1 0 0 1 1-1h1.755c.138 0 .287.034.44.092l.835-3.335a1 1 0 0 1 1.5-.605M7.337 8.999L6.002 9l.027.42q.025.292.064.58h.942q.078-.533.302-1.001M18 7h-1.256c-1.712 0-3.003.31-3.922.88A3.5 3.5 0 0 1 13.965 10h3.774c.127-.615.194-1.4.261-2.714zm-7.5 2a1.5 1.5 0 0 0-1.414 1h2.828a1.5 1.5 0 0 0-.845-.888l-.166-.056A1.5 1.5 0 0 0 10.5 9m-.864-3.424l-.415 1.665a3.5 3.5 0 0 1 1.502-.234a6 6 0 0 1 .497-.442z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.53 3.152l3.742 2.339Q14.764 5 16.744 5H19a1 1 0 0 1 1 1l-.001 1.336l-.05.895l-.042.585c-.037.457-.08.84-.134 1.185L20 10a2 2 0 0 1 2 2v.5c0 1.694-2.247 5.49-3.983 6.983l-.017.013V20a2 2 0 0 1-1.85 1.995L16 22H8a2 2 0 0 1-2-2v-.496l-.065-.053c-1.76-1.496-3.794-4.965-3.928-6.77L2 12.5V12a2 2 0 0 1 2-2h.078A14 14 0 0 1 4 9V8a1 1 0 0 1 1-1h1.755c.138 0 .287.034.44.092l.835-3.335a1 1 0 0 1 1.5-.605M7.337 8.999L6.002 9l.027.42q.025.292.064.58h.942q.078-.533.302-1.001M18 7h-1.256c-1.712 0-3.003.31-3.922.88A3.5 3.5 0 0 1 13.965 10h3.774c.127-.615.194-1.4.261-2.714zm-7.5 2a1.5 1.5 0 0 0-1.414 1h2.828a1.5 1.5 0 0 0-.845-.888l-.166-.056A1.5 1.5 0 0 0 10.5 9m-.864-3.424l-.415 1.665a3.5 3.5 0 0 1 1.502-.234a6 6 0 0 1 .497-.442z"/></svg> </template>
CSS
.icon-salad-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.53%203.152l3.742%202.339Q14.764%205%2016.744%205H19a1%201%200%200%201%201%201l-.001%201.336l-.05.895l-.042.585c-.037.457-.08.84-.134%201.185L20%2010a2%202%200%200%201%202%202v.5c0%201.694-2.247%205.49-3.983%206.983l-.017.013V20a2%202%200%200%201-1.85%201.995L16%2022H8a2%202%200%200%201-2-2v-.496l-.065-.053c-1.76-1.496-3.794-4.965-3.928-6.77L2%2012.5V12a2%202%200%200%201%202-2h.078A14%2014%200%200%201%204%209V8a1%201%200%200%201%201-1h1.755c.138%200%20.287.034.44.092l.835-3.335a1%201%200%200%201%201.5-.605M7.337%208.999L6.002%209l.027.42q.025.292.064.58h.942q.078-.533.302-1.001M18%207h-1.256c-1.712%200-3.003.31-3.922.88A3.5%203.5%200%200%201%2013.965%2010h3.774c.127-.615.194-1.4.261-2.714zm-7.5%202a1.5%201.5%200%200%200-1.414%201h2.828a1.5%201.5%200%200%200-.845-.888l-.166-.056A1.5%201.5%200%200%200%2010.5%209m-.864-3.424l-.415%201.665a3.5%203.5%200%200%201%201.502-.234a6%206%200%200%201%20.497-.442z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.53%203.152l3.742%202.339Q14.764%205%2016.744%205H19a1%201%200%200%201%201%201l-.001%201.336l-.05.895l-.042.585c-.037.457-.08.84-.134%201.185L20%2010a2%202%200%200%201%202%202v.5c0%201.694-2.247%205.49-3.983%206.983l-.017.013V20a2%202%200%200%201-1.85%201.995L16%2022H8a2%202%200%200%201-2-2v-.496l-.065-.053c-1.76-1.496-3.794-4.965-3.928-6.77L2%2012.5V12a2%202%200%200%201%202-2h.078A14%2014%200%200%201%204%209V8a1%201%200%200%201%201-1h1.755c.138%200%20.287.034.44.092l.835-3.335a1%201%200%200%201%201.5-.605M7.337%208.999L6.002%209l.027.42q.025.292.064.58h.942q.078-.533.302-1.001M18%207h-1.256c-1.712%200-3.003.31-3.922.88A3.5%203.5%200%200%201%2013.965%2010h3.774c.127-.615.194-1.4.261-2.714zm-7.5%202a1.5%201.5%200%200%200-1.414%201h2.828a1.5%201.5%200%200%200-.845-.888l-.166-.056A1.5%201.5%200%200%200%2010.5%209m-.864-3.424l-.415%201.665a3.5%203.5%200%200%201%201.502-.234a6%206%200%200%201%20.497-.442z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/salad-filled.svg?color=%231a73e8&size=48
