baby feet icon
baby-feet from IconPark by ByteDance · Color · Baby · Apache-2.0 Free for personal and commercial use.
- Name
- baby-feet
- Set
- IconPark
- Style
- Color
- Category
- Baby
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More baby icons from IconPark
Use the baby feet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M15.0001 20.6121C13.5764 26.7616 21.4929 28.327 19.6238 32.6597C17.7546 36.9923 13.5688 36.1258 14.0361 40.4584C14.5035 44.791 20.0419 44.8519 25.0837 42.2415C35.1675 37.0205 37.2708 25.6166 32.7075 20.6122C27.1002 14.4626 16.4237 14.4626 15.0001 20.6121Z"/><ellipse cx="34.535" cy="13.535" fill="#000" rx="2" ry="3" transform="rotate(40 34.535 13.535)"/><ellipse cx="29.381" cy="10.603" fill="#000" rx="2" ry="3" transform="rotate(25 29.38 10.603)"/><ellipse cx="23.381" cy="9.603" fill="#000" rx="2" ry="3" transform="rotate(6 23.38 9.603)"/><ellipse cx="14" cy="8" fill="#2F88FF" stroke="#000" stroke-width="4" rx="3" ry="4" transform="rotate(-20 14 8)"/><ellipse cx="38.535" cy="17.536" fill="#000" rx="2" ry="3" transform="rotate(50 38.535 17.536)"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkBabyFeet(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"><path fill="#2F88FF" stroke="#000" strokeWidth="4" d="M15.0001 20.6121C13.5764 26.7616 21.4929 28.327 19.6238 32.6597C17.7546 36.9923 13.5688 36.1258 14.0361 40.4584C14.5035 44.791 20.0419 44.8519 25.0837 42.2415C35.1675 37.0205 37.2708 25.6166 32.7075 20.6122C27.1002 14.4626 16.4237 14.4626 15.0001 20.6121Z"/><ellipse cx="34.535" cy="13.535" fill="#000" rx="2" ry="3" transform="rotate(40 34.535 13.535)"/><ellipse cx="29.381" cy="10.603" fill="#000" rx="2" ry="3" transform="rotate(25 29.38 10.603)"/><ellipse cx="23.381" cy="9.603" fill="#000" rx="2" ry="3" transform="rotate(6 23.38 9.603)"/><ellipse cx="14" cy="8" fill="#2F88FF" stroke="#000" strokeWidth="4" rx="3" ry="4" transform="rotate(-20 14 8)"/><ellipse cx="38.535" cy="17.536" fill="#000" rx="2" ry="3" transform="rotate(50 38.535 17.536)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M15.0001 20.6121C13.5764 26.7616 21.4929 28.327 19.6238 32.6597C17.7546 36.9923 13.5688 36.1258 14.0361 40.4584C14.5035 44.791 20.0419 44.8519 25.0837 42.2415C35.1675 37.0205 37.2708 25.6166 32.7075 20.6122C27.1002 14.4626 16.4237 14.4626 15.0001 20.6121Z"/><ellipse cx="34.535" cy="13.535" fill="#000" rx="2" ry="3" transform="rotate(40 34.535 13.535)"/><ellipse cx="29.381" cy="10.603" fill="#000" rx="2" ry="3" transform="rotate(25 29.38 10.603)"/><ellipse cx="23.381" cy="9.603" fill="#000" rx="2" ry="3" transform="rotate(6 23.38 9.603)"/><ellipse cx="14" cy="8" fill="#2F88FF" stroke="#000" stroke-width="4" rx="3" ry="4" transform="rotate(-20 14 8)"/><ellipse cx="38.535" cy="17.536" fill="#000" rx="2" ry="3" transform="rotate(50 38.535 17.536)"/></g></svg> </template>
CSS
.icon-baby-feet {
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%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22M15.0001%2020.6121C13.5764%2026.7616%2021.4929%2028.327%2019.6238%2032.6597C17.7546%2036.9923%2013.5688%2036.1258%2014.0361%2040.4584C14.5035%2044.791%2020.0419%2044.8519%2025.0837%2042.2415C35.1675%2037.0205%2037.2708%2025.6166%2032.7075%2020.6122C27.1002%2014.4626%2016.4237%2014.4626%2015.0001%2020.6121Z%22%2F%3E%3Cellipse%20cx%3D%2234.535%22%20cy%3D%2213.535%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(40%2034.535%2013.535)%22%2F%3E%3Cellipse%20cx%3D%2229.381%22%20cy%3D%2210.603%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(25%2029.38%2010.603)%22%2F%3E%3Cellipse%20cx%3D%2223.381%22%20cy%3D%229.603%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(6%2023.38%209.603)%22%2F%3E%3Cellipse%20cx%3D%2214%22%20cy%3D%228%22%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20rx%3D%223%22%20ry%3D%224%22%20transform%3D%22rotate(-20%2014%208)%22%2F%3E%3Cellipse%20cx%3D%2238.535%22%20cy%3D%2217.536%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(50%2038.535%2017.536)%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%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22M15.0001%2020.6121C13.5764%2026.7616%2021.4929%2028.327%2019.6238%2032.6597C17.7546%2036.9923%2013.5688%2036.1258%2014.0361%2040.4584C14.5035%2044.791%2020.0419%2044.8519%2025.0837%2042.2415C35.1675%2037.0205%2037.2708%2025.6166%2032.7075%2020.6122C27.1002%2014.4626%2016.4237%2014.4626%2015.0001%2020.6121Z%22%2F%3E%3Cellipse%20cx%3D%2234.535%22%20cy%3D%2213.535%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(40%2034.535%2013.535)%22%2F%3E%3Cellipse%20cx%3D%2229.381%22%20cy%3D%2210.603%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(25%2029.38%2010.603)%22%2F%3E%3Cellipse%20cx%3D%2223.381%22%20cy%3D%229.603%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(6%2023.38%209.603)%22%2F%3E%3Cellipse%20cx%3D%2214%22%20cy%3D%228%22%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20rx%3D%223%22%20ry%3D%224%22%20transform%3D%22rotate(-20%2014%208)%22%2F%3E%3Cellipse%20cx%3D%2238.535%22%20cy%3D%2217.536%22%20fill%3D%22%23000%22%20rx%3D%222%22%20ry%3D%223%22%20transform%3D%22rotate(50%2038.535%2017.536)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/baby-feet.svg?color=%231a73e8&size=48
