paw print icon
paw-print-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- paw-print-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the paw print icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 82a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14M70 108a26 26 0 1 0-26 26a26 26 0 0 0 26-26m-26 14a14 14 0 1 1 14-14a14 14 0 0 1-14 14m48-36a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m72 40a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m22.15 104.61a37.32 37.32 0 0 1-17.82-22.33a42 42 0 0 0-80.66 0a37.26 37.26 0 0 1-17.77 22.3A38 38 0 0 0 88 222a37.6 37.6 0 0 0 14.76-3a66.14 66.14 0 0 1 50.41 0a37.7 37.7 0 0 0 14.83 3a38 38 0 0 0 18.15-71.39M168 210a25.9 25.9 0 0 1-10.21-2.08a78.15 78.15 0 0 0-59.65 0a26 26 0 0 1-22.46-46.82a49.28 49.28 0 0 0 23.51-29.48a30 30 0 0 1 57.62 0a49.27 49.27 0 0 0 23.57 29.5A26 26 0 0 1 168 210"/></svg>
React
import type { SVGProps } from "react";
export function PhPawPrintLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 82a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14M70 108a26 26 0 1 0-26 26a26 26 0 0 0 26-26m-26 14a14 14 0 1 1 14-14a14 14 0 0 1-14 14m48-36a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m72 40a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m22.15 104.61a37.32 37.32 0 0 1-17.82-22.33a42 42 0 0 0-80.66 0a37.26 37.26 0 0 1-17.77 22.3A38 38 0 0 0 88 222a37.6 37.6 0 0 0 14.76-3a66.14 66.14 0 0 1 50.41 0a37.7 37.7 0 0 0 14.83 3a38 38 0 0 0 18.15-71.39M168 210a25.9 25.9 0 0 1-10.21-2.08a78.15 78.15 0 0 0-59.65 0a26 26 0 0 1-22.46-46.82a49.28 49.28 0 0 0 23.51-29.48a30 30 0 0 1 57.62 0a49.27 49.27 0 0 0 23.57 29.5A26 26 0 0 1 168 210"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M212 82a26 26 0 1 0 26 26a26 26 0 0 0-26-26m0 40a14 14 0 1 1 14-14a14 14 0 0 1-14 14M70 108a26 26 0 1 0-26 26a26 26 0 0 0 26-26m-26 14a14 14 0 1 1 14-14a14 14 0 0 1-14 14m48-36a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m72 40a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m22.15 104.61a37.32 37.32 0 0 1-17.82-22.33a42 42 0 0 0-80.66 0a37.26 37.26 0 0 1-17.77 22.3A38 38 0 0 0 88 222a37.6 37.6 0 0 0 14.76-3a66.14 66.14 0 0 1 50.41 0a37.7 37.7 0 0 0 14.83 3a38 38 0 0 0 18.15-71.39M168 210a25.9 25.9 0 0 1-10.21-2.08a78.15 78.15 0 0 0-59.65 0a26 26 0 0 1-22.46-46.82a49.28 49.28 0 0 0 23.51-29.48a30 30 0 0 1 57.62 0a49.27 49.27 0 0 0 23.57 29.5A26 26 0 0 1 168 210"/></svg> </template>
CSS
.icon-paw-print-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M212%2082a26%2026%200%201%200%2026%2026a26%2026%200%200%200-26-26m0%2040a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014M70%20108a26%2026%200%201%200-26%2026a26%2026%200%200%200%2026-26m-26%2014a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m48-36a26%2026%200%201%200-26-26a26%2026%200%200%200%2026%2026m0-40a14%2014%200%201%201-14%2014a14%2014%200%200%201%2014-14m72%2040a26%2026%200%201%200-26-26a26%2026%200%200%200%2026%2026m0-40a14%2014%200%201%201-14%2014a14%2014%200%200%201%2014-14m22.15%20104.61a37.32%2037.32%200%200%201-17.82-22.33a42%2042%200%200%200-80.66%200a37.26%2037.26%200%200%201-17.77%2022.3A38%2038%200%200%200%2088%20222a37.6%2037.6%200%200%200%2014.76-3a66.14%2066.14%200%200%201%2050.41%200a37.7%2037.7%200%200%200%2014.83%203a38%2038%200%200%200%2018.15-71.39M168%20210a25.9%2025.9%200%200%201-10.21-2.08a78.15%2078.15%200%200%200-59.65%200a26%2026%200%200%201-22.46-46.82a49.28%2049.28%200%200%200%2023.51-29.48a30%2030%200%200%201%2057.62%200a49.27%2049.27%200%200%200%2023.57%2029.5A26%2026%200%200%201%20168%20210%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M212%2082a26%2026%200%201%200%2026%2026a26%2026%200%200%200-26-26m0%2040a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014M70%20108a26%2026%200%201%200-26%2026a26%2026%200%200%200%2026-26m-26%2014a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m48-36a26%2026%200%201%200-26-26a26%2026%200%200%200%2026%2026m0-40a14%2014%200%201%201-14%2014a14%2014%200%200%201%2014-14m72%2040a26%2026%200%201%200-26-26a26%2026%200%200%200%2026%2026m0-40a14%2014%200%201%201-14%2014a14%2014%200%200%201%2014-14m22.15%20104.61a37.32%2037.32%200%200%201-17.82-22.33a42%2042%200%200%200-80.66%200a37.26%2037.26%200%200%201-17.77%2022.3A38%2038%200%200%200%2088%20222a37.6%2037.6%200%200%200%2014.76-3a66.14%2066.14%200%200%201%2050.41%200a37.7%2037.7%200%200%200%2014.83%203a38%2038%200%200%200%2018.15-71.39M168%20210a25.9%2025.9%200%200%201-10.21-2.08a78.15%2078.15%200%200%200-59.65%200a26%2026%200%200%201-22.46-46.82a49.28%2049.28%200%200%200%2023.51-29.48a30%2030%200%200%201%2057.62%200a49.27%2049.27%200%200%200%2023.57%2029.5A26%2026%200%200%201%20168%20210%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/paw-print-light.svg?color=%231a73e8&size=48
