baby formula icon

baby-formula from Health Icons by Resolve to Save Lives · Filled · Nutrition · MIT Free for personal and commercial use.

Name
baby-formula
Set
Health Icons
Style
Filled
Category
Nutrition
Viewbox
48×48
License
MIT

1 other variant in Health Icons

More nutrition icons from Health Icons

Use the baby formula icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="m11.683 4l7 5h18.914l-.042-.03l-7.106-4.674A1.8 1.8 0 0 0 29.473 4zM10 5.202V9.14c0 .374.098.742.284 1.06l3.13 5.365c.295.507.938.624 1.374.25l1.978-1.695c.443-.38.7-.954.7-1.562v-2.023zm0 8.285v24.69c0 .348.168.67.445.853l2.355 1.549V17.63a2.9 2.9 0 0 1-.97-1.006zm4.667 28.32l2.8 1.842V16.081l-1.513 1.296a2.7 2.7 0 0 1-1.287.617zM24.933 22c0-.552.418-1 .934-1h5.6c.515 0 .933.448.933 1s-.418 1-.933 1h-5.6c-.516 0-.934-.448-.934-1m1.867 3c0-.552.418-1 .933-1H29.6c.515 0 .933.448.933 1s-.418 1-.933 1h-1.867c-.515 0-.933-.448-.933-1"/><path fill-rule="evenodd" d="M19.333 44h17.734c.515 0 .933-.448.933-1V11H19.333zm9.334-14c3.608 0 6.533-3.134 6.533-7s-2.925-7-6.533-7s-6.534 3.134-6.534 7s2.925 7 6.534 7" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsBabyFormula(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"><path d="m11.683 4l7 5h18.914l-.042-.03l-7.106-4.674A1.8 1.8 0 0 0 29.473 4zM10 5.202V9.14c0 .374.098.742.284 1.06l3.13 5.365c.295.507.938.624 1.374.25l1.978-1.695c.443-.38.7-.954.7-1.562v-2.023zm0 8.285v24.69c0 .348.168.67.445.853l2.355 1.549V17.63a2.9 2.9 0 0 1-.97-1.006zm4.667 28.32l2.8 1.842V16.081l-1.513 1.296a2.7 2.7 0 0 1-1.287.617zM24.933 22c0-.552.418-1 .934-1h5.6c.515 0 .933.448.933 1s-.418 1-.933 1h-5.6c-.516 0-.934-.448-.934-1m1.867 3c0-.552.418-1 .933-1H29.6c.515 0 .933.448.933 1s-.418 1-.933 1h-1.867c-.515 0-.933-.448-.933-1"/><path fillRule="evenodd" d="M19.333 44h17.734c.515 0 .933-.448.933-1V11H19.333zm9.334-14c3.608 0 6.533-3.134 6.533-7s-2.925-7-6.533-7s-6.534 3.134-6.534 7s2.925 7 6.534 7" clipRule="evenodd"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="m11.683 4l7 5h18.914l-.042-.03l-7.106-4.674A1.8 1.8 0 0 0 29.473 4zM10 5.202V9.14c0 .374.098.742.284 1.06l3.13 5.365c.295.507.938.624 1.374.25l1.978-1.695c.443-.38.7-.954.7-1.562v-2.023zm0 8.285v24.69c0 .348.168.67.445.853l2.355 1.549V17.63a2.9 2.9 0 0 1-.97-1.006zm4.667 28.32l2.8 1.842V16.081l-1.513 1.296a2.7 2.7 0 0 1-1.287.617zM24.933 22c0-.552.418-1 .934-1h5.6c.515 0 .933.448.933 1s-.418 1-.933 1h-5.6c-.516 0-.934-.448-.934-1m1.867 3c0-.552.418-1 .933-1H29.6c.515 0 .933.448.933 1s-.418 1-.933 1h-1.867c-.515 0-.933-.448-.933-1"/><path fill-rule="evenodd" d="M19.333 44h17.734c.515 0 .933-.448.933-1V11H19.333zm9.334-14c3.608 0 6.533-3.134 6.533-7s-2.925-7-6.533-7s-6.534 3.134-6.534 7s2.925 7 6.534 7" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-baby-formula {
  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%3E%3Cpath%20d%3D%22m11.683%204l7%205h18.914l-.042-.03l-7.106-4.674A1.8%201.8%200%200%200%2029.473%204zM10%205.202V9.14c0%20.374.098.742.284%201.06l3.13%205.365c.295.507.938.624%201.374.25l1.978-1.695c.443-.38.7-.954.7-1.562v-2.023zm0%208.285v24.69c0%20.348.168.67.445.853l2.355%201.549V17.63a2.9%202.9%200%200%201-.97-1.006zm4.667%2028.32l2.8%201.842V16.081l-1.513%201.296a2.7%202.7%200%200%201-1.287.617zM24.933%2022c0-.552.418-1%20.934-1h5.6c.515%200%20.933.448.933%201s-.418%201-.933%201h-5.6c-.516%200-.934-.448-.934-1m1.867%203c0-.552.418-1%20.933-1H29.6c.515%200%20.933.448.933%201s-.418%201-.933%201h-1.867c-.515%200-.933-.448-.933-1%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.333%2044h17.734c.515%200%20.933-.448.933-1V11H19.333zm9.334-14c3.608%200%206.533-3.134%206.533-7s-2.925-7-6.533-7s-6.534%203.134-6.534%207s2.925%207%206.534%207%22%20clip-rule%3D%22evenodd%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%3E%3Cpath%20d%3D%22m11.683%204l7%205h18.914l-.042-.03l-7.106-4.674A1.8%201.8%200%200%200%2029.473%204zM10%205.202V9.14c0%20.374.098.742.284%201.06l3.13%205.365c.295.507.938.624%201.374.25l1.978-1.695c.443-.38.7-.954.7-1.562v-2.023zm0%208.285v24.69c0%20.348.168.67.445.853l2.355%201.549V17.63a2.9%202.9%200%200%201-.97-1.006zm4.667%2028.32l2.8%201.842V16.081l-1.513%201.296a2.7%202.7%200%200%201-1.287.617zM24.933%2022c0-.552.418-1%20.934-1h5.6c.515%200%20.933.448.933%201s-.418%201-.933%201h-5.6c-.516%200-.934-.448-.934-1m1.867%203c0-.552.418-1%20.933-1H29.6c.515%200%20.933.448.933%201s-.418%201-.933%201h-1.867c-.515%200-.933-.448-.933-1%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.333%2044h17.734c.515%200%20.933-.448.933-1V11H19.333zm9.334-14c3.608%200%206.533-3.134%206.533-7s-2.925-7-6.533-7s-6.534%203.134-6.534%207s2.925%207%206.534%207%22%20clip-rule%3D%22evenodd%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/baby-formula.svg?color=%231a73e8&size=48