paw print icon

paw-print-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: paw-print-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

paw-print paw-print-bold paw-print-duotone paw-print-fill paw-print-light

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 84a24 24 0 1 0 24 24a24 24 0 0 0-24-24m0 40a16 16 0 1 1 16-16a16 16 0 0 1-16 16M68 108a24 24 0 1 0-24 24a24 24 0 0 0 24-24m-24 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m48-40a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m72 40a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m21.18 108.36a39.32 39.32 0 0 1-18.77-23.52a40 40 0 0 0-76.82 0a39.3 39.3 0 0 1-18.73 23.51A36 36 0 0 0 102 217.17a68.14 68.14 0 0 1 51.95 0a36 36 0 0 0 31.23-64.79ZM168 212a27.8 27.8 0 0 1-11-2.23a76.16 76.16 0 0 0-58.11 0A27.7 27.7 0 0 1 88 212a28 28 0 0 1-13.29-52.65a47.23 47.23 0 0 0 22.56-28.29a32 32 0 0 1 61.46 0a47.26 47.26 0 0 0 22.6 28.3A28 28 0 0 1 168 212"/></svg>

React

import type { SVGProps } from "react";

export function PhPawPrintThin(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 84a24 24 0 1 0 24 24a24 24 0 0 0-24-24m0 40a16 16 0 1 1 16-16a16 16 0 0 1-16 16M68 108a24 24 0 1 0-24 24a24 24 0 0 0 24-24m-24 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m48-40a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m72 40a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m21.18 108.36a39.32 39.32 0 0 1-18.77-23.52a40 40 0 0 0-76.82 0a39.3 39.3 0 0 1-18.73 23.51A36 36 0 0 0 102 217.17a68.14 68.14 0 0 1 51.95 0a36 36 0 0 0 31.23-64.79ZM168 212a27.8 27.8 0 0 1-11-2.23a76.16 76.16 0 0 0-58.11 0A27.7 27.7 0 0 1 88 212a28 28 0 0 1-13.29-52.65a47.23 47.23 0 0 0 22.56-28.29a32 32 0 0 1 61.46 0a47.26 47.26 0 0 0 22.6 28.3A28 28 0 0 1 168 212"/></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 84a24 24 0 1 0 24 24a24 24 0 0 0-24-24m0 40a16 16 0 1 1 16-16a16 16 0 0 1-16 16M68 108a24 24 0 1 0-24 24a24 24 0 0 0 24-24m-24 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m48-40a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m72 40a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m21.18 108.36a39.32 39.32 0 0 1-18.77-23.52a40 40 0 0 0-76.82 0a39.3 39.3 0 0 1-18.73 23.51A36 36 0 0 0 102 217.17a68.14 68.14 0 0 1 51.95 0a36 36 0 0 0 31.23-64.79ZM168 212a27.8 27.8 0 0 1-11-2.23a76.16 76.16 0 0 0-58.11 0A27.7 27.7 0 0 1 88 212a28 28 0 0 1-13.29-52.65a47.23 47.23 0 0 0 22.56-28.29a32 32 0 0 1 61.46 0a47.26 47.26 0 0 0 22.6 28.3A28 28 0 0 1 168 212"/></svg>
</template>

CSS

.icon-paw-print-thin {
  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%2084a24%2024%200%201%200%2024%2024a24%2024%200%200%200-24-24m0%2040a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016M68%20108a24%2024%200%201%200-24%2024a24%2024%200%200%200%2024-24m-24%2016a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m48-40a24%2024%200%201%200-24-24a24%2024%200%200%200%2024%2024m0-40a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m72%2040a24%2024%200%201%200-24-24a24%2024%200%200%200%2024%2024m0-40a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m21.18%20108.36a39.32%2039.32%200%200%201-18.77-23.52a40%2040%200%200%200-76.82%200a39.3%2039.3%200%200%201-18.73%2023.51A36%2036%200%200%200%20102%20217.17a68.14%2068.14%200%200%201%2051.95%200a36%2036%200%200%200%2031.23-64.79ZM168%20212a27.8%2027.8%200%200%201-11-2.23a76.16%2076.16%200%200%200-58.11%200A27.7%2027.7%200%200%201%2088%20212a28%2028%200%200%201-13.29-52.65a47.23%2047.23%200%200%200%2022.56-28.29a32%2032%200%200%201%2061.46%200a47.26%2047.26%200%200%200%2022.6%2028.3A28%2028%200%200%201%20168%20212%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%2084a24%2024%200%201%200%2024%2024a24%2024%200%200%200-24-24m0%2040a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016M68%20108a24%2024%200%201%200-24%2024a24%2024%200%200%200%2024-24m-24%2016a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m48-40a24%2024%200%201%200-24-24a24%2024%200%200%200%2024%2024m0-40a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m72%2040a24%2024%200%201%200-24-24a24%2024%200%200%200%2024%2024m0-40a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m21.18%20108.36a39.32%2039.32%200%200%201-18.77-23.52a40%2040%200%200%200-76.82%200a39.3%2039.3%200%200%201-18.73%2023.51A36%2036%200%200%200%20102%20217.17a68.14%2068.14%200%200%201%2051.95%200a36%2036%200%200%200%2031.23-64.79ZM168%20212a27.8%2027.8%200%200%201-11-2.23a76.16%2076.16%200%200%200-58.11%200A27.7%2027.7%200%200%201%2088%20212a28%2028%200%200%201-13.29-52.65a47.23%2047.23%200%200%200%2022.56-28.29a32%2032%200%200%201%2061.46%200a47.26%2047.26%200%200%200%2022.6%2028.3A28%2028%200%200%201%20168%20212%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/paw-print-thin.svg?color=%231a73e8&size=48