unhealthy food icon
unhealthy-food-outline from Health Icons by Resolve to Save Lives · Outline · Nutrition · MIT Free for personal and commercial use.
- Name
- unhealthy-food-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Nutrition
- Viewbox
- 48×48
- License
- MIT
- Aliases
- unhealthy-food2x-outline
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"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m31.228 4l-1.21 4.64l.068-1.01L24 10.541V6.648L17 8.79v3.62l-1.77-6.603l-5.602 5.237l2.44 9.103q.174.09.317.228q1.244 1.204 2.4 2.189l-2.914-10.879l2.29-2.14l2.84 10.587v4.161q1.023.724 2 1.25V10.27l3-.917V26.72q1.137.267 2.261.241l1.006-14.81l2.59-1.24l-1.061 15.624a13 13 0 0 0 2.467-1.082l2.327-8.687l2.84-.852l-1.96 7.312a44 44 0 0 0 2.724-2.435l2.147-8.014l-1.767.452L38.345 4zm4.428 2l-2.342 7.808l-2.762.706L32.772 6z"/><path d="M35.589 23.169c-3.952 3.63-7.601 5.802-11.543 5.796c-3.944-.006-7.625-2.194-11.638-5.828L14.766 42h18.469zM11.469 20c-.78 0-1.383.684-1.287 1.458l2.6 20.79A2 2 0 0 0 14.765 44h18.469a2 2 0 0 0 1.984-1.752l2.6-20.795a1.293 1.293 0 0 0-2.204-1.071c-8.94 8.796-14.159 8.76-23.23-.007A1.33 1.33 0 0 0 11.47 20"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsUnhealthyFoodOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="m31.228 4l-1.21 4.64l.068-1.01L24 10.541V6.648L17 8.79v3.62l-1.77-6.603l-5.602 5.237l2.44 9.103q.174.09.317.228q1.244 1.204 2.4 2.189l-2.914-10.879l2.29-2.14l2.84 10.587v4.161q1.023.724 2 1.25V10.27l3-.917V26.72q1.137.267 2.261.241l1.006-14.81l2.59-1.24l-1.061 15.624a13 13 0 0 0 2.467-1.082l2.327-8.687l2.84-.852l-1.96 7.312a44 44 0 0 0 2.724-2.435l2.147-8.014l-1.767.452L38.345 4zm4.428 2l-2.342 7.808l-2.762.706L32.772 6z"/><path d="M35.589 23.169c-3.952 3.63-7.601 5.802-11.543 5.796c-3.944-.006-7.625-2.194-11.638-5.828L14.766 42h18.469zM11.469 20c-.78 0-1.383.684-1.287 1.458l2.6 20.79A2 2 0 0 0 14.765 44h18.469a2 2 0 0 0 1.984-1.752l2.6-20.795a1.293 1.293 0 0 0-2.204-1.071c-8.94 8.796-14.159 8.76-23.23-.007A1.33 1.33 0 0 0 11.47 20"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m31.228 4l-1.21 4.64l.068-1.01L24 10.541V6.648L17 8.79v3.62l-1.77-6.603l-5.602 5.237l2.44 9.103q.174.09.317.228q1.244 1.204 2.4 2.189l-2.914-10.879l2.29-2.14l2.84 10.587v4.161q1.023.724 2 1.25V10.27l3-.917V26.72q1.137.267 2.261.241l1.006-14.81l2.59-1.24l-1.061 15.624a13 13 0 0 0 2.467-1.082l2.327-8.687l2.84-.852l-1.96 7.312a44 44 0 0 0 2.724-2.435l2.147-8.014l-1.767.452L38.345 4zm4.428 2l-2.342 7.808l-2.762.706L32.772 6z"/><path d="M35.589 23.169c-3.952 3.63-7.601 5.802-11.543 5.796c-3.944-.006-7.625-2.194-11.638-5.828L14.766 42h18.469zM11.469 20c-.78 0-1.383.684-1.287 1.458l2.6 20.79A2 2 0 0 0 14.765 44h18.469a2 2 0 0 0 1.984-1.752l2.6-20.795a1.293 1.293 0 0 0-2.204-1.071c-8.94 8.796-14.159 8.76-23.23-.007A1.33 1.33 0 0 0 11.47 20"/></g></svg> </template>
CSS
.icon-unhealthy-food-outline {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m31.228%204l-1.21%204.64l.068-1.01L24%2010.541V6.648L17%208.79v3.62l-1.77-6.603l-5.602%205.237l2.44%209.103q.174.09.317.228q1.244%201.204%202.4%202.189l-2.914-10.879l2.29-2.14l2.84%2010.587v4.161q1.023.724%202%201.25V10.27l3-.917V26.72q1.137.267%202.261.241l1.006-14.81l2.59-1.24l-1.061%2015.624a13%2013%200%200%200%202.467-1.082l2.327-8.687l2.84-.852l-1.96%207.312a44%2044%200%200%200%202.724-2.435l2.147-8.014l-1.767.452L38.345%204zm4.428%202l-2.342%207.808l-2.762.706L32.772%206z%22%2F%3E%3Cpath%20d%3D%22M35.589%2023.169c-3.952%203.63-7.601%205.802-11.543%205.796c-3.944-.006-7.625-2.194-11.638-5.828L14.766%2042h18.469zM11.469%2020c-.78%200-1.383.684-1.287%201.458l2.6%2020.79A2%202%200%200%200%2014.765%2044h18.469a2%202%200%200%200%201.984-1.752l2.6-20.795a1.293%201.293%200%200%200-2.204-1.071c-8.94%208.796-14.159%208.76-23.23-.007A1.33%201.33%200%200%200%2011.47%2020%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m31.228%204l-1.21%204.64l.068-1.01L24%2010.541V6.648L17%208.79v3.62l-1.77-6.603l-5.602%205.237l2.44%209.103q.174.09.317.228q1.244%201.204%202.4%202.189l-2.914-10.879l2.29-2.14l2.84%2010.587v4.161q1.023.724%202%201.25V10.27l3-.917V26.72q1.137.267%202.261.241l1.006-14.81l2.59-1.24l-1.061%2015.624a13%2013%200%200%200%202.467-1.082l2.327-8.687l2.84-.852l-1.96%207.312a44%2044%200%200%200%202.724-2.435l2.147-8.014l-1.767.452L38.345%204zm4.428%202l-2.342%207.808l-2.762.706L32.772%206z%22%2F%3E%3Cpath%20d%3D%22M35.589%2023.169c-3.952%203.63-7.601%205.802-11.543%205.796c-3.944-.006-7.625-2.194-11.638-5.828L14.766%2042h18.469zM11.469%2020c-.78%200-1.383.684-1.287%201.458l2.6%2020.79A2%202%200%200%200%2014.765%2044h18.469a2%202%200%200%200%201.984-1.752l2.6-20.795a1.293%201.293%200%200%200-2.204-1.071c-8.94%208.796-14.159%208.76-23.23-.007A1.33%201.33%200%200%200%2011.47%2020%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/unhealthy-food-outline.svg?color=%231a73e8&size=48
