footprints emoji
footprints from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.
- Name
- footprints
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- People
- Viewbox
- 72×72
- License
- Apache 2.0
The same emoji in other sets
More people icons from Firefox OS Emoji
Use the footprints emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#597B91" d="M54.4 34.1c-5.4-1.4-6-3.1-10-4.2c-2.4-.6-4.9.8-5.5 3.2c-1.6 6.1 8.7 9.1 6.1 18.8c-1.3 5-4.1 5.8-5.6 11.7c-.9 3.3 1.1 6.6 4.3 7.5c2.2.6 4.4-.1 5.9-1.6c.7-.5 1.2-1.4 1.6-2.8c1.1-4 .6-7.1 1.9-11.8c1.5-5.8 5-10.5 5.7-13.3c1.4-5.1-2.5-7.1-4.4-7.5"/><ellipse cx="43" cy="23.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-165.001 43.03 23.763)"/><ellipse cx="48.1" cy="25.8" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-165.001 48.114 25.776)"/><ellipse cx="52.4" cy="27.8" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-165.001 52.366 27.805)"/><ellipse cx="55.7" cy="29.8" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-165.001 55.7 29.786)"/><ellipse cx="58.5" cy="31.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-159.826 58.462 31.56)"/><path fill="#597B91" d="M27 33c-2.6-9.7 7.7-12.7 6.1-18.8c-.6-2.4-3.1-3.9-5.5-3.2c-3.9 1.1-4.6 2.7-10 4.2c-1.9.5-5.7 2.5-4.4 7.6c.8 2.8 4.2 7.6 5.7 13.3c1.3 4.7.8 7.8 1.9 11.8c.4 1.4.9 2.3 1.6 2.8c1.5 1.5 3.7 2.2 5.9 1.6c3.3-.9 5.2-4.2 4.3-7.5c-1.5-6-4.2-6.8-5.6-11.8"/><ellipse cx="29" cy="4.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-14.999 28.973 4.842)"/><ellipse cx="23.9" cy="6.9" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-14.999 23.888 6.855)"/><ellipse cx="19.6" cy="8.9" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-14.999 19.636 8.884)"/><ellipse cx="16.3" cy="10.9" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-14.999 16.301 10.866)"/><ellipse cx="13.5" cy="12.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-20.174 13.532 12.642)"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiFootprints(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#597B91" d="M54.4 34.1c-5.4-1.4-6-3.1-10-4.2c-2.4-.6-4.9.8-5.5 3.2c-1.6 6.1 8.7 9.1 6.1 18.8c-1.3 5-4.1 5.8-5.6 11.7c-.9 3.3 1.1 6.6 4.3 7.5c2.2.6 4.4-.1 5.9-1.6c.7-.5 1.2-1.4 1.6-2.8c1.1-4 .6-7.1 1.9-11.8c1.5-5.8 5-10.5 5.7-13.3c1.4-5.1-2.5-7.1-4.4-7.5"/><ellipse cx="43" cy="23.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-165.001 43.03 23.763)"/><ellipse cx="48.1" cy="25.8" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-165.001 48.114 25.776)"/><ellipse cx="52.4" cy="27.8" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-165.001 52.366 27.805)"/><ellipse cx="55.7" cy="29.8" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-165.001 55.7 29.786)"/><ellipse cx="58.5" cy="31.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-159.826 58.462 31.56)"/><path fill="#597B91" d="M27 33c-2.6-9.7 7.7-12.7 6.1-18.8c-.6-2.4-3.1-3.9-5.5-3.2c-3.9 1.1-4.6 2.7-10 4.2c-1.9.5-5.7 2.5-4.4 7.6c.8 2.8 4.2 7.6 5.7 13.3c1.3 4.7.8 7.8 1.9 11.8c.4 1.4.9 2.3 1.6 2.8c1.5 1.5 3.7 2.2 5.9 1.6c3.3-.9 5.2-4.2 4.3-7.5c-1.5-6-4.2-6.8-5.6-11.8"/><ellipse cx="29" cy="4.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-14.999 28.973 4.842)"/><ellipse cx="23.9" cy="6.9" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-14.999 23.888 6.855)"/><ellipse cx="19.6" cy="8.9" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-14.999 19.636 8.884)"/><ellipse cx="16.3" cy="10.9" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-14.999 16.301 10.866)"/><ellipse cx="13.5" cy="12.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-20.174 13.532 12.642)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#597B91" d="M54.4 34.1c-5.4-1.4-6-3.1-10-4.2c-2.4-.6-4.9.8-5.5 3.2c-1.6 6.1 8.7 9.1 6.1 18.8c-1.3 5-4.1 5.8-5.6 11.7c-.9 3.3 1.1 6.6 4.3 7.5c2.2.6 4.4-.1 5.9-1.6c.7-.5 1.2-1.4 1.6-2.8c1.1-4 .6-7.1 1.9-11.8c1.5-5.8 5-10.5 5.7-13.3c1.4-5.1-2.5-7.1-4.4-7.5"/><ellipse cx="43" cy="23.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-165.001 43.03 23.763)"/><ellipse cx="48.1" cy="25.8" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-165.001 48.114 25.776)"/><ellipse cx="52.4" cy="27.8" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-165.001 52.366 27.805)"/><ellipse cx="55.7" cy="29.8" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-165.001 55.7 29.786)"/><ellipse cx="58.5" cy="31.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-159.826 58.462 31.56)"/><path fill="#597B91" d="M27 33c-2.6-9.7 7.7-12.7 6.1-18.8c-.6-2.4-3.1-3.9-5.5-3.2c-3.9 1.1-4.6 2.7-10 4.2c-1.9.5-5.7 2.5-4.4 7.6c.8 2.8 4.2 7.6 5.7 13.3c1.3 4.7.8 7.8 1.9 11.8c.4 1.4.9 2.3 1.6 2.8c1.5 1.5 3.7 2.2 5.9 1.6c3.3-.9 5.2-4.2 4.3-7.5c-1.5-6-4.2-6.8-5.6-11.8"/><ellipse cx="29" cy="4.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-14.999 28.973 4.842)"/><ellipse cx="23.9" cy="6.9" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-14.999 23.888 6.855)"/><ellipse cx="19.6" cy="8.9" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-14.999 19.636 8.884)"/><ellipse cx="16.3" cy="10.9" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-14.999 16.301 10.866)"/><ellipse cx="13.5" cy="12.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-20.174 13.532 12.642)"/></svg> </template>
CSS
.icon-footprints {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M54.4%2034.1c-5.4-1.4-6-3.1-10-4.2c-2.4-.6-4.9.8-5.5%203.2c-1.6%206.1%208.7%209.1%206.1%2018.8c-1.3%205-4.1%205.8-5.6%2011.7c-.9%203.3%201.1%206.6%204.3%207.5c2.2.6%204.4-.1%205.9-1.6c.7-.5%201.2-1.4%201.6-2.8c1.1-4%20.6-7.1%201.9-11.8c1.5-5.8%205-10.5%205.7-13.3c1.4-5.1-2.5-7.1-4.4-7.5%22%2F%3E%3Cellipse%20cx%3D%2243%22%20cy%3D%2223.8%22%20fill%3D%22%23597B91%22%20rx%3D%222.6%22%20ry%3D%223.9%22%20transform%3D%22rotate(-165.001%2043.03%2023.763)%22%2F%3E%3Cellipse%20cx%3D%2248.1%22%20cy%3D%2225.8%22%20fill%3D%22%23597B91%22%20rx%3D%222.1%22%20ry%3D%223.1%22%20transform%3D%22rotate(-165.001%2048.114%2025.776)%22%2F%3E%3Cellipse%20cx%3D%2252.4%22%20cy%3D%2227.8%22%20fill%3D%22%23597B91%22%20rx%3D%221.8%22%20ry%3D%222.7%22%20transform%3D%22rotate(-165.001%2052.366%2027.805)%22%2F%3E%3Cellipse%20cx%3D%2255.7%22%20cy%3D%2229.8%22%20fill%3D%22%23597B91%22%20rx%3D%221.4%22%20ry%3D%222.2%22%20transform%3D%22rotate(-165.001%2055.7%2029.786)%22%2F%3E%3Cellipse%20cx%3D%2258.5%22%20cy%3D%2231.6%22%20fill%3D%22%23597B91%22%20rx%3D%221.3%22%20ry%3D%222%22%20transform%3D%22rotate(-159.826%2058.462%2031.56)%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M27%2033c-2.6-9.7%207.7-12.7%206.1-18.8c-.6-2.4-3.1-3.9-5.5-3.2c-3.9%201.1-4.6%202.7-10%204.2c-1.9.5-5.7%202.5-4.4%207.6c.8%202.8%204.2%207.6%205.7%2013.3c1.3%204.7.8%207.8%201.9%2011.8c.4%201.4.9%202.3%201.6%202.8c1.5%201.5%203.7%202.2%205.9%201.6c3.3-.9%205.2-4.2%204.3-7.5c-1.5-6-4.2-6.8-5.6-11.8%22%2F%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%224.8%22%20fill%3D%22%23597B91%22%20rx%3D%222.6%22%20ry%3D%223.9%22%20transform%3D%22rotate(-14.999%2028.973%204.842)%22%2F%3E%3Cellipse%20cx%3D%2223.9%22%20cy%3D%226.9%22%20fill%3D%22%23597B91%22%20rx%3D%222.1%22%20ry%3D%223.1%22%20transform%3D%22rotate(-14.999%2023.888%206.855)%22%2F%3E%3Cellipse%20cx%3D%2219.6%22%20cy%3D%228.9%22%20fill%3D%22%23597B91%22%20rx%3D%221.8%22%20ry%3D%222.7%22%20transform%3D%22rotate(-14.999%2019.636%208.884)%22%2F%3E%3Cellipse%20cx%3D%2216.3%22%20cy%3D%2210.9%22%20fill%3D%22%23597B91%22%20rx%3D%221.4%22%20ry%3D%222.2%22%20transform%3D%22rotate(-14.999%2016.301%2010.866)%22%2F%3E%3Cellipse%20cx%3D%2213.5%22%20cy%3D%2212.6%22%20fill%3D%22%23597B91%22%20rx%3D%221.3%22%20ry%3D%222%22%20transform%3D%22rotate(-20.174%2013.532%2012.642)%22%2F%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M54.4%2034.1c-5.4-1.4-6-3.1-10-4.2c-2.4-.6-4.9.8-5.5%203.2c-1.6%206.1%208.7%209.1%206.1%2018.8c-1.3%205-4.1%205.8-5.6%2011.7c-.9%203.3%201.1%206.6%204.3%207.5c2.2.6%204.4-.1%205.9-1.6c.7-.5%201.2-1.4%201.6-2.8c1.1-4%20.6-7.1%201.9-11.8c1.5-5.8%205-10.5%205.7-13.3c1.4-5.1-2.5-7.1-4.4-7.5%22%2F%3E%3Cellipse%20cx%3D%2243%22%20cy%3D%2223.8%22%20fill%3D%22%23597B91%22%20rx%3D%222.6%22%20ry%3D%223.9%22%20transform%3D%22rotate(-165.001%2043.03%2023.763)%22%2F%3E%3Cellipse%20cx%3D%2248.1%22%20cy%3D%2225.8%22%20fill%3D%22%23597B91%22%20rx%3D%222.1%22%20ry%3D%223.1%22%20transform%3D%22rotate(-165.001%2048.114%2025.776)%22%2F%3E%3Cellipse%20cx%3D%2252.4%22%20cy%3D%2227.8%22%20fill%3D%22%23597B91%22%20rx%3D%221.8%22%20ry%3D%222.7%22%20transform%3D%22rotate(-165.001%2052.366%2027.805)%22%2F%3E%3Cellipse%20cx%3D%2255.7%22%20cy%3D%2229.8%22%20fill%3D%22%23597B91%22%20rx%3D%221.4%22%20ry%3D%222.2%22%20transform%3D%22rotate(-165.001%2055.7%2029.786)%22%2F%3E%3Cellipse%20cx%3D%2258.5%22%20cy%3D%2231.6%22%20fill%3D%22%23597B91%22%20rx%3D%221.3%22%20ry%3D%222%22%20transform%3D%22rotate(-159.826%2058.462%2031.56)%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M27%2033c-2.6-9.7%207.7-12.7%206.1-18.8c-.6-2.4-3.1-3.9-5.5-3.2c-3.9%201.1-4.6%202.7-10%204.2c-1.9.5-5.7%202.5-4.4%207.6c.8%202.8%204.2%207.6%205.7%2013.3c1.3%204.7.8%207.8%201.9%2011.8c.4%201.4.9%202.3%201.6%202.8c1.5%201.5%203.7%202.2%205.9%201.6c3.3-.9%205.2-4.2%204.3-7.5c-1.5-6-4.2-6.8-5.6-11.8%22%2F%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%224.8%22%20fill%3D%22%23597B91%22%20rx%3D%222.6%22%20ry%3D%223.9%22%20transform%3D%22rotate(-14.999%2028.973%204.842)%22%2F%3E%3Cellipse%20cx%3D%2223.9%22%20cy%3D%226.9%22%20fill%3D%22%23597B91%22%20rx%3D%222.1%22%20ry%3D%223.1%22%20transform%3D%22rotate(-14.999%2023.888%206.855)%22%2F%3E%3Cellipse%20cx%3D%2219.6%22%20cy%3D%228.9%22%20fill%3D%22%23597B91%22%20rx%3D%221.8%22%20ry%3D%222.7%22%20transform%3D%22rotate(-14.999%2019.636%208.884)%22%2F%3E%3Cellipse%20cx%3D%2216.3%22%20cy%3D%2210.9%22%20fill%3D%22%23597B91%22%20rx%3D%221.4%22%20ry%3D%222.2%22%20transform%3D%22rotate(-14.999%2016.301%2010.866)%22%2F%3E%3Cellipse%20cx%3D%2213.5%22%20cy%3D%2212.6%22%20fill%3D%22%23597B91%22%20rx%3D%221.3%22%20ry%3D%222%22%20transform%3D%22rotate(-20.174%2013.532%2012.642)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/footprints.svg?color=%231a73e8&size=48
