unhealthy food negative icon

unhealthy-food-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.

Name
unhealthy-food-negative
Set
Health Icons
Style
Filled
Viewbox
48×48
License
MIT

Related icons in Health Icons

unhealthy-food

Use the unhealthy food negative icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsUnhealthyFoodNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm15.23 5.807L17 12.41V8.79l7-2.14v3.893l6.086-2.913l-.069 1.01L31.227 4h7.117l-2.769 9.23l1.767-.452l-2.148 8.014q.21-.202.421-.41a1.293 1.293 0 0 1 2.203 1.071L35.22 42.248A2 2 0 0 1 33.234 44H14.766a2 2 0 0 1-1.985-1.752l-2.599-20.79a1.297 1.297 0 0 1 1.886-1.31l-2.44-9.104zM17 24.293a31 31 0 0 1-2.214-1.73L11.87 11.686l2.29-2.14L17 20.131zm5 2.428c-.979-.23-1.973-.623-3-1.177V10.269l3-.917zm4.797-.185a9.2 9.2 0 0 1-2.535.426l1.006-14.81l2.59-1.24zm5.675-3.31c-1.116.909-2.178 1.65-3.209 2.228l2.328-8.687l2.84-.852zm.842-9.418L35.656 6h-2.883l-2.221 8.514z" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsUnhealthyFoodNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsUnhealthyFoodNegative(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clipPath="url(#healthiconsUnhealthyFoodNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm15.23 5.807L17 12.41V8.79l7-2.14v3.893l6.086-2.913l-.069 1.01L31.227 4h7.117l-2.769 9.23l1.767-.452l-2.148 8.014q.21-.202.421-.41a1.293 1.293 0 0 1 2.203 1.071L35.22 42.248A2 2 0 0 1 33.234 44H14.766a2 2 0 0 1-1.985-1.752l-2.599-20.79a1.297 1.297 0 0 1 1.886-1.31l-2.44-9.104zM17 24.293a31 31 0 0 1-2.214-1.73L11.87 11.686l2.29-2.14L17 20.131zm5 2.428c-.979-.23-1.973-.623-3-1.177V10.269l3-.917zm4.797-.185a9.2 9.2 0 0 1-2.535.426l1.006-14.81l2.59-1.24zm5.675-3.31c-1.116.909-2.178 1.65-3.209 2.228l2.328-8.687l2.84-.852zm.842-9.418L35.656 6h-2.883l-2.221 8.514z" clipRule="evenodd"/></g><defs><clipPath id="healthiconsUnhealthyFoodNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsUnhealthyFoodNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm15.23 5.807L17 12.41V8.79l7-2.14v3.893l6.086-2.913l-.069 1.01L31.227 4h7.117l-2.769 9.23l1.767-.452l-2.148 8.014q.21-.202.421-.41a1.293 1.293 0 0 1 2.203 1.071L35.22 42.248A2 2 0 0 1 33.234 44H14.766a2 2 0 0 1-1.985-1.752l-2.599-20.79a1.297 1.297 0 0 1 1.886-1.31l-2.44-9.104zM17 24.293a31 31 0 0 1-2.214-1.73L11.87 11.686l2.29-2.14L17 20.131zm5 2.428c-.979-.23-1.973-.623-3-1.177V10.269l3-.917zm4.797-.185a9.2 9.2 0 0 1-2.535.426l1.006-14.81l2.59-1.24zm5.675-3.31c-1.116.909-2.178 1.65-3.209 2.228l2.328-8.687l2.84-.852zm.842-9.418L35.656 6h-2.883l-2.221 8.514z" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsUnhealthyFoodNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-unhealthy-food-negative {
  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%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsUnhealthyFoodNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm15.23%205.807L17%2012.41V8.79l7-2.14v3.893l6.086-2.913l-.069%201.01L31.227%204h7.117l-2.769%209.23l1.767-.452l-2.148%208.014q.21-.202.421-.41a1.293%201.293%200%200%201%202.203%201.071L35.22%2042.248A2%202%200%200%201%2033.234%2044H14.766a2%202%200%200%201-1.985-1.752l-2.599-20.79a1.297%201.297%200%200%201%201.886-1.31l-2.44-9.104zM17%2024.293a31%2031%200%200%201-2.214-1.73L11.87%2011.686l2.29-2.14L17%2020.131zm5%202.428c-.979-.23-1.973-.623-3-1.177V10.269l3-.917zm4.797-.185a9.2%209.2%200%200%201-2.535.426l1.006-14.81l2.59-1.24zm5.675-3.31c-1.116.909-2.178%201.65-3.209%202.228l2.328-8.687l2.84-.852zm.842-9.418L35.656%206h-2.883l-2.221%208.514z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsUnhealthyFoodNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsUnhealthyFoodNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm15.23%205.807L17%2012.41V8.79l7-2.14v3.893l6.086-2.913l-.069%201.01L31.227%204h7.117l-2.769%209.23l1.767-.452l-2.148%208.014q.21-.202.421-.41a1.293%201.293%200%200%201%202.203%201.071L35.22%2042.248A2%202%200%200%201%2033.234%2044H14.766a2%202%200%200%201-1.985-1.752l-2.599-20.79a1.297%201.297%200%200%201%201.886-1.31l-2.44-9.104zM17%2024.293a31%2031%200%200%201-2.214-1.73L11.87%2011.686l2.29-2.14L17%2020.131zm5%202.428c-.979-.23-1.973-.623-3-1.177V10.269l3-.917zm4.797-.185a9.2%209.2%200%200%201-2.535.426l1.006-14.81l2.59-1.24zm5.675-3.31c-1.116.909-2.178%201.65-3.209%202.228l2.328-8.687l2.84-.852zm.842-9.418L35.656%206h-2.883l-2.221%208.514z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsUnhealthyFoodNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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-negative.svg?color=%231a73e8&size=48