baby feet icon
baby-feet from IconPark Outline by ByteDance · Outline · Baby · Apache-2.0 Free for personal and commercial use.
- Name
- baby-feet
- Set
- IconPark Outline
- Style
- Outline
- Category
- Baby
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More baby icons from IconPark Outline
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 stroke="currentColor" stroke-width="4" d="M15 20.612c-1.424 6.15 6.493 7.715 4.624 12.048c-1.87 4.332-6.055 3.466-5.588 7.798c.468 4.333 6.006 4.394 11.048 1.784c10.083-5.221 12.187-16.625 7.624-21.63c-5.608-6.15-16.284-6.15-17.708 0Z"/><ellipse cx="34.535" cy="13.535" fill="currentColor" rx="2" ry="3" transform="rotate(40 34.535 13.535)"/><ellipse cx="29.381" cy="10.603" fill="currentColor" rx="2" ry="3" transform="rotate(25 29.38 10.603)"/><ellipse cx="23.381" cy="9.603" fill="currentColor" rx="2" ry="3" transform="rotate(6 23.38 9.603)"/><ellipse cx="14" cy="8" stroke="currentColor" stroke-width="4" rx="3" ry="4" transform="rotate(-20 14 8)"/><ellipse cx="38.535" cy="17.536" fill="currentColor" rx="2" ry="3" transform="rotate(50 38.535 17.536)"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineBabyFeet(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 stroke="currentColor" strokeWidth="4" d="M15 20.612c-1.424 6.15 6.493 7.715 4.624 12.048c-1.87 4.332-6.055 3.466-5.588 7.798c.468 4.333 6.006 4.394 11.048 1.784c10.083-5.221 12.187-16.625 7.624-21.63c-5.608-6.15-16.284-6.15-17.708 0Z"/><ellipse cx="34.535" cy="13.535" fill="currentColor" rx="2" ry="3" transform="rotate(40 34.535 13.535)"/><ellipse cx="29.381" cy="10.603" fill="currentColor" rx="2" ry="3" transform="rotate(25 29.38 10.603)"/><ellipse cx="23.381" cy="9.603" fill="currentColor" rx="2" ry="3" transform="rotate(6 23.38 9.603)"/><ellipse cx="14" cy="8" stroke="currentColor" strokeWidth="4" rx="3" ry="4" transform="rotate(-20 14 8)"/><ellipse cx="38.535" cy="17.536" fill="currentColor" 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 stroke="currentColor" stroke-width="4" d="M15 20.612c-1.424 6.15 6.493 7.715 4.624 12.048c-1.87 4.332-6.055 3.466-5.588 7.798c.468 4.333 6.006 4.394 11.048 1.784c10.083-5.221 12.187-16.625 7.624-21.63c-5.608-6.15-16.284-6.15-17.708 0Z"/><ellipse cx="34.535" cy="13.535" fill="currentColor" rx="2" ry="3" transform="rotate(40 34.535 13.535)"/><ellipse cx="29.381" cy="10.603" fill="currentColor" rx="2" ry="3" transform="rotate(25 29.38 10.603)"/><ellipse cx="23.381" cy="9.603" fill="currentColor" rx="2" ry="3" transform="rotate(6 23.38 9.603)"/><ellipse cx="14" cy="8" stroke="currentColor" stroke-width="4" rx="3" ry="4" transform="rotate(-20 14 8)"/><ellipse cx="38.535" cy="17.536" fill="currentColor" 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%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%20d%3D%22M15%2020.612c-1.424%206.15%206.493%207.715%204.624%2012.048c-1.87%204.332-6.055%203.466-5.588%207.798c.468%204.333%206.006%204.394%2011.048%201.784c10.083-5.221%2012.187-16.625%207.624-21.63c-5.608-6.15-16.284-6.15-17.708%200Z%22%2F%3E%3Cellipse%20cx%3D%2234.535%22%20cy%3D%2213.535%22%20fill%3D%22currentColor%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%22currentColor%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%22currentColor%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%20stroke%3D%22currentColor%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%22currentColor%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%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%20d%3D%22M15%2020.612c-1.424%206.15%206.493%207.715%204.624%2012.048c-1.87%204.332-6.055%203.466-5.588%207.798c.468%204.333%206.006%204.394%2011.048%201.784c10.083-5.221%2012.187-16.625%207.624-21.63c-5.608-6.15-16.284-6.15-17.708%200Z%22%2F%3E%3Cellipse%20cx%3D%2234.535%22%20cy%3D%2213.535%22%20fill%3D%22currentColor%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%22currentColor%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%22currentColor%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%20stroke%3D%22currentColor%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%22currentColor%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-outline/baby-feet.svg?color=%231a73e8&size=48
