unhealthy food icon
unhealthy-food from Health Icons by Resolve to Save Lives · Filled · Nutrition · MIT Free for personal and commercial use.
- Name
- unhealthy-food
- Set
- Health Icons
- Style
- Filled
- Category
- Nutrition
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More nutrition icons from Health Icons
Use the unhealthy food icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m12.068 20.147l-2.44-9.103l5.602-5.237L17 12.41V8.79l7-2.14v3.893l6.086-2.913l-.069 1.01L31.227 4h7.117l-2.769 9.23l1.767-.452l-2.147 8.014q.21-.202.42-.41a1.293 1.293 0 0 1 2.203 1.071L35.22 42.248A2 2 0 0 1 33.235 44h-18.47a2 2 0 0 1-1.984-1.752l-2.599-20.79a1.297 1.297 0 0 1 1.886-1.31m19.523-3.38l2.84-.852l-1.96 7.312c-1.114.907-2.177 1.65-3.207 2.227zm-4.794 9.769l1.061-15.623l-2.59 1.239l-1.006 14.81a9.2 9.2 0 0 0 2.535-.426M19 25.544c1.027.554 2.021.947 3 1.177V9.35l-3 .918zm-4.214-2.98A31 31 0 0 0 17 24.294v-4.162L14.161 9.544l-2.29 2.141zm18.528-8.756l-2.762.706L32.772 6h2.884z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsUnhealthyFood(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="m12.068 20.147l-2.44-9.103l5.602-5.237L17 12.41V8.79l7-2.14v3.893l6.086-2.913l-.069 1.01L31.227 4h7.117l-2.769 9.23l1.767-.452l-2.147 8.014q.21-.202.42-.41a1.293 1.293 0 0 1 2.203 1.071L35.22 42.248A2 2 0 0 1 33.235 44h-18.47a2 2 0 0 1-1.984-1.752l-2.599-20.79a1.297 1.297 0 0 1 1.886-1.31m19.523-3.38l2.84-.852l-1.96 7.312c-1.114.907-2.177 1.65-3.207 2.227zm-4.794 9.769l1.061-15.623l-2.59 1.239l-1.006 14.81a9.2 9.2 0 0 0 2.535-.426M19 25.544c1.027.554 2.021.947 3 1.177V9.35l-3 .918zm-4.214-2.98A31 31 0 0 0 17 24.294v-4.162L14.161 9.544l-2.29 2.141zm18.528-8.756l-2.762.706L32.772 6h2.884z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m12.068 20.147l-2.44-9.103l5.602-5.237L17 12.41V8.79l7-2.14v3.893l6.086-2.913l-.069 1.01L31.227 4h7.117l-2.769 9.23l1.767-.452l-2.147 8.014q.21-.202.42-.41a1.293 1.293 0 0 1 2.203 1.071L35.22 42.248A2 2 0 0 1 33.235 44h-18.47a2 2 0 0 1-1.984-1.752l-2.599-20.79a1.297 1.297 0 0 1 1.886-1.31m19.523-3.38l2.84-.852l-1.96 7.312c-1.114.907-2.177 1.65-3.207 2.227zm-4.794 9.769l1.061-15.623l-2.59 1.239l-1.006 14.81a9.2 9.2 0 0 0 2.535-.426M19 25.544c1.027.554 2.021.947 3 1.177V9.35l-3 .918zm-4.214-2.98A31 31 0 0 0 17 24.294v-4.162L14.161 9.544l-2.29 2.141zm18.528-8.756l-2.762.706L32.772 6h2.884z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-unhealthy-food {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m12.068%2020.147l-2.44-9.103l5.602-5.237L17%2012.41V8.79l7-2.14v3.893l6.086-2.913l-.069%201.01L31.227%204h7.117l-2.769%209.23l1.767-.452l-2.147%208.014q.21-.202.42-.41a1.293%201.293%200%200%201%202.203%201.071L35.22%2042.248A2%202%200%200%201%2033.235%2044h-18.47a2%202%200%200%201-1.984-1.752l-2.599-20.79a1.297%201.297%200%200%201%201.886-1.31m19.523-3.38l2.84-.852l-1.96%207.312c-1.114.907-2.177%201.65-3.207%202.227zm-4.794%209.769l1.061-15.623l-2.59%201.239l-1.006%2014.81a9.2%209.2%200%200%200%202.535-.426M19%2025.544c1.027.554%202.021.947%203%201.177V9.35l-3%20.918zm-4.214-2.98A31%2031%200%200%200%2017%2024.294v-4.162L14.161%209.544l-2.29%202.141zm18.528-8.756l-2.762.706L32.772%206h2.884z%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m12.068%2020.147l-2.44-9.103l5.602-5.237L17%2012.41V8.79l7-2.14v3.893l6.086-2.913l-.069%201.01L31.227%204h7.117l-2.769%209.23l1.767-.452l-2.147%208.014q.21-.202.42-.41a1.293%201.293%200%200%201%202.203%201.071L35.22%2042.248A2%202%200%200%201%2033.235%2044h-18.47a2%202%200%200%201-1.984-1.752l-2.599-20.79a1.297%201.297%200%200%201%201.886-1.31m19.523-3.38l2.84-.852l-1.96%207.312c-1.114.907-2.177%201.65-3.207%202.227zm-4.794%209.769l1.061-15.623l-2.59%201.239l-1.006%2014.81a9.2%209.2%200%200%200%202.535-.426M19%2025.544c1.027.554%202.021.947%203%201.177V9.35l-3%20.918zm-4.214-2.98A31%2031%200%200%200%2017%2024.294v-4.162L14.161%209.544l-2.29%202.141zm18.528-8.756l-2.762.706L32.772%206h2.884z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/unhealthy-food.svg?color=%231a73e8&size=48
