nutrition negative icon
nutrition-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- nutrition-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Use the nutrition 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(#healthiconsNutritionNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm32.65 21.027c-1.108-2.593-.916-5.347 1.057-7.32l-1.414-1.414c-2.33 2.33-2.734 5.377-1.953 8.178C25.765 18.4 21 22.208 21 28c0 5.523 4.925 10 11 10s11-4.477 11-10c0-6.22-5.495-10.151-10.35-6.973m6.593 8.003a1 1 0 0 1 .727 1.212a6.43 6.43 0 0 1-4.727 4.728a1 1 0 1 1-.486-1.94a4.43 4.43 0 0 0 3.273-3.273a1 1 0 0 1 1.212-.727M34 18c3 0 5-2 5-5c-3 0-5 2-5 5m-15.065-.613c1.122-1.026 1.888-2.692 2.038-5.383a.954.954 0 0 0-.974-.998c-1.628.024-2.922.123-3.93.462c-.417-1.099-1.258-2.136-2.523-3.082a.91.91 0 0 0-1.092 0c-1.255.939-2.093 1.966-2.512 3.055c-.98-.289-2.263-.404-3.938-.433a.954.954 0 0 0-.977.996c.15 2.691.916 4.357 2.038 5.384a1.9 1.9 0 0 0-.749 1.832c.12.76.277 1.695.477 2.78H11v2H7.18c.511 2.53 1.215 5.609 2.16 9H12v2H9.917a116 116 0 0 0 1.336 4.209a1.828 1.828 0 0 0 3.494 0A123 123 0 0 0 17.705 29H12v-2h6.176c.753-3.31 1.23-6.02 1.508-7.78a1.9 1.9 0 0 0-.749-1.832m-4.736-5.21l.682 1.8l1.825-.614c.503-.169 1.184-.27 2.154-.32c-.297 1.932-1.012 2.748-1.665 3.17c-.936.605-2.303.787-4.195.787s-3.259-.182-4.195-.788c-.652-.421-1.367-1.236-1.664-3.164c1 .055 1.713.157 2.235.311l1.768.522l.664-1.72c.19-.495.559-1.05 1.192-1.634c.64.59 1.01 1.151 1.198 1.65" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsNutritionNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsNutritionNegative(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(#healthiconsNutritionNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm32.65 21.027c-1.108-2.593-.916-5.347 1.057-7.32l-1.414-1.414c-2.33 2.33-2.734 5.377-1.953 8.178C25.765 18.4 21 22.208 21 28c0 5.523 4.925 10 11 10s11-4.477 11-10c0-6.22-5.495-10.151-10.35-6.973m6.593 8.003a1 1 0 0 1 .727 1.212a6.43 6.43 0 0 1-4.727 4.728a1 1 0 1 1-.486-1.94a4.43 4.43 0 0 0 3.273-3.273a1 1 0 0 1 1.212-.727M34 18c3 0 5-2 5-5c-3 0-5 2-5 5m-15.065-.613c1.122-1.026 1.888-2.692 2.038-5.383a.954.954 0 0 0-.974-.998c-1.628.024-2.922.123-3.93.462c-.417-1.099-1.258-2.136-2.523-3.082a.91.91 0 0 0-1.092 0c-1.255.939-2.093 1.966-2.512 3.055c-.98-.289-2.263-.404-3.938-.433a.954.954 0 0 0-.977.996c.15 2.691.916 4.357 2.038 5.384a1.9 1.9 0 0 0-.749 1.832c.12.76.277 1.695.477 2.78H11v2H7.18c.511 2.53 1.215 5.609 2.16 9H12v2H9.917a116 116 0 0 0 1.336 4.209a1.828 1.828 0 0 0 3.494 0A123 123 0 0 0 17.705 29H12v-2h6.176c.753-3.31 1.23-6.02 1.508-7.78a1.9 1.9 0 0 0-.749-1.832m-4.736-5.21l.682 1.8l1.825-.614c.503-.169 1.184-.27 2.154-.32c-.297 1.932-1.012 2.748-1.665 3.17c-.936.605-2.303.787-4.195.787s-3.259-.182-4.195-.788c-.652-.421-1.367-1.236-1.664-3.164c1 .055 1.713.157 2.235.311l1.768.522l.664-1.72c.19-.495.559-1.05 1.192-1.634c.64.59 1.01 1.151 1.198 1.65" clipRule="evenodd"/></g><defs><clipPath id="healthiconsNutritionNegative"><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(#healthiconsNutritionNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm32.65 21.027c-1.108-2.593-.916-5.347 1.057-7.32l-1.414-1.414c-2.33 2.33-2.734 5.377-1.953 8.178C25.765 18.4 21 22.208 21 28c0 5.523 4.925 10 11 10s11-4.477 11-10c0-6.22-5.495-10.151-10.35-6.973m6.593 8.003a1 1 0 0 1 .727 1.212a6.43 6.43 0 0 1-4.727 4.728a1 1 0 1 1-.486-1.94a4.43 4.43 0 0 0 3.273-3.273a1 1 0 0 1 1.212-.727M34 18c3 0 5-2 5-5c-3 0-5 2-5 5m-15.065-.613c1.122-1.026 1.888-2.692 2.038-5.383a.954.954 0 0 0-.974-.998c-1.628.024-2.922.123-3.93.462c-.417-1.099-1.258-2.136-2.523-3.082a.91.91 0 0 0-1.092 0c-1.255.939-2.093 1.966-2.512 3.055c-.98-.289-2.263-.404-3.938-.433a.954.954 0 0 0-.977.996c.15 2.691.916 4.357 2.038 5.384a1.9 1.9 0 0 0-.749 1.832c.12.76.277 1.695.477 2.78H11v2H7.18c.511 2.53 1.215 5.609 2.16 9H12v2H9.917a116 116 0 0 0 1.336 4.209a1.828 1.828 0 0 0 3.494 0A123 123 0 0 0 17.705 29H12v-2h6.176c.753-3.31 1.23-6.02 1.508-7.78a1.9 1.9 0 0 0-.749-1.832m-4.736-5.21l.682 1.8l1.825-.614c.503-.169 1.184-.27 2.154-.32c-.297 1.932-1.012 2.748-1.665 3.17c-.936.605-2.303.787-4.195.787s-3.259-.182-4.195-.788c-.652-.421-1.367-1.236-1.664-3.164c1 .055 1.713.157 2.235.311l1.768.522l.664-1.72c.19-.495.559-1.05 1.192-1.634c.64.59 1.01 1.151 1.198 1.65" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsNutritionNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-nutrition-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(%23healthiconsNutritionNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm32.65%2021.027c-1.108-2.593-.916-5.347%201.057-7.32l-1.414-1.414c-2.33%202.33-2.734%205.377-1.953%208.178C25.765%2018.4%2021%2022.208%2021%2028c0%205.523%204.925%2010%2011%2010s11-4.477%2011-10c0-6.22-5.495-10.151-10.35-6.973m6.593%208.003a1%201%200%200%201%20.727%201.212a6.43%206.43%200%200%201-4.727%204.728a1%201%200%201%201-.486-1.94a4.43%204.43%200%200%200%203.273-3.273a1%201%200%200%201%201.212-.727M34%2018c3%200%205-2%205-5c-3%200-5%202-5%205m-15.065-.613c1.122-1.026%201.888-2.692%202.038-5.383a.954.954%200%200%200-.974-.998c-1.628.024-2.922.123-3.93.462c-.417-1.099-1.258-2.136-2.523-3.082a.91.91%200%200%200-1.092%200c-1.255.939-2.093%201.966-2.512%203.055c-.98-.289-2.263-.404-3.938-.433a.954.954%200%200%200-.977.996c.15%202.691.916%204.357%202.038%205.384a1.9%201.9%200%200%200-.749%201.832c.12.76.277%201.695.477%202.78H11v2H7.18c.511%202.53%201.215%205.609%202.16%209H12v2H9.917a116%20116%200%200%200%201.336%204.209a1.828%201.828%200%200%200%203.494%200A123%20123%200%200%200%2017.705%2029H12v-2h6.176c.753-3.31%201.23-6.02%201.508-7.78a1.9%201.9%200%200%200-.749-1.832m-4.736-5.21l.682%201.8l1.825-.614c.503-.169%201.184-.27%202.154-.32c-.297%201.932-1.012%202.748-1.665%203.17c-.936.605-2.303.787-4.195.787s-3.259-.182-4.195-.788c-.652-.421-1.367-1.236-1.664-3.164c1%20.055%201.713.157%202.235.311l1.768.522l.664-1.72c.19-.495.559-1.05%201.192-1.634c.64.59%201.01%201.151%201.198%201.65%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsNutritionNegative%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(%23healthiconsNutritionNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm32.65%2021.027c-1.108-2.593-.916-5.347%201.057-7.32l-1.414-1.414c-2.33%202.33-2.734%205.377-1.953%208.178C25.765%2018.4%2021%2022.208%2021%2028c0%205.523%204.925%2010%2011%2010s11-4.477%2011-10c0-6.22-5.495-10.151-10.35-6.973m6.593%208.003a1%201%200%200%201%20.727%201.212a6.43%206.43%200%200%201-4.727%204.728a1%201%200%201%201-.486-1.94a4.43%204.43%200%200%200%203.273-3.273a1%201%200%200%201%201.212-.727M34%2018c3%200%205-2%205-5c-3%200-5%202-5%205m-15.065-.613c1.122-1.026%201.888-2.692%202.038-5.383a.954.954%200%200%200-.974-.998c-1.628.024-2.922.123-3.93.462c-.417-1.099-1.258-2.136-2.523-3.082a.91.91%200%200%200-1.092%200c-1.255.939-2.093%201.966-2.512%203.055c-.98-.289-2.263-.404-3.938-.433a.954.954%200%200%200-.977.996c.15%202.691.916%204.357%202.038%205.384a1.9%201.9%200%200%200-.749%201.832c.12.76.277%201.695.477%202.78H11v2H7.18c.511%202.53%201.215%205.609%202.16%209H12v2H9.917a116%20116%200%200%200%201.336%204.209a1.828%201.828%200%200%200%203.494%200A123%20123%200%200%200%2017.705%2029H12v-2h6.176c.753-3.31%201.23-6.02%201.508-7.78a1.9%201.9%200%200%200-.749-1.832m-4.736-5.21l.682%201.8l1.825-.614c.503-.169%201.184-.27%202.154-.32c-.297%201.932-1.012%202.748-1.665%203.17c-.936.605-2.303.787-4.195.787s-3.259-.182-4.195-.788c-.652-.421-1.367-1.236-1.664-3.164c1%20.055%201.713.157%202.235.311l1.768.522l.664-1.72c.19-.495.559-1.05%201.192-1.634c.64.59%201.01%201.151%201.198%201.65%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsNutritionNegative%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/nutrition-negative.svg?color=%231a73e8&size=48
