paw icon

paw-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: paw-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

pawFramework7 Icons pawFont Awesome 6 Solid pawLine Awesome pawMaterial Design Icons paw-fillMingCute Icon paw-boldSolar pawTabler Icons paw-outlineTeenyicons

Use the paw icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12c-17.23-10.71-33.5-20.83-44.14-39c-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08c-19.8 12.31-40.27 25-49.1 50.05a78.1 78.1 0 0 0-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464S448 430.85 448 390.11a78.3 78.3 0 0 0-5.2-28.29"/><ellipse cx="72" cy="216" fill="currentColor" rx="56" ry="72"/><ellipse cx="184" cy="120" fill="currentColor" rx="56" ry="72"/><ellipse cx="328" cy="120" fill="currentColor" rx="56" ry="72"/><ellipse cx="440" cy="216" fill="currentColor" rx="56" ry="72"/></svg>

React

import type { SVGProps } from "react";

export function IonPawSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12c-17.23-10.71-33.5-20.83-44.14-39c-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08c-19.8 12.31-40.27 25-49.1 50.05a78.1 78.1 0 0 0-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464S448 430.85 448 390.11a78.3 78.3 0 0 0-5.2-28.29"/><ellipse cx="72" cy="216" fill="currentColor" rx="56" ry="72"/><ellipse cx="184" cy="120" fill="currentColor" rx="56" ry="72"/><ellipse cx="328" cy="120" fill="currentColor" rx="56" ry="72"/><ellipse cx="440" cy="216" fill="currentColor" rx="56" ry="72"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12c-17.23-10.71-33.5-20.83-44.14-39c-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08c-19.8 12.31-40.27 25-49.1 50.05a78.1 78.1 0 0 0-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464S448 430.85 448 390.11a78.3 78.3 0 0 0-5.2-28.29"/><ellipse cx="72" cy="216" fill="currentColor" rx="56" ry="72"/><ellipse cx="184" cy="120" fill="currentColor" rx="56" ry="72"/><ellipse cx="328" cy="120" fill="currentColor" rx="56" ry="72"/><ellipse cx="440" cy="216" fill="currentColor" rx="56" ry="72"/></svg>
</template>

CSS

.icon-paw-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M442.8%20361.82c-8.8-25.1-29.31-37.82-49.11-50.12c-17.23-10.71-33.5-20.83-44.14-39c-29.33-50.33-45.44-80.7-93.49-80.7s-64.21%2030.38-93.61%2080.69c-10.65%2018.21-27%2028.35-44.25%2039.08c-19.8%2012.31-40.27%2025-49.1%2050.05a78.1%2078.1%200%200%200-5.1%2028.29C64%20430.85%2096.45%20464%20132.4%20464s83.31-18.13%20123.76-18.13S343.31%20464%20379.71%20464S448%20430.85%20448%20390.11a78.3%2078.3%200%200%200-5.2-28.29%22%2F%3E%3Cellipse%20cx%3D%2272%22%20cy%3D%22216%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3Cellipse%20cx%3D%22184%22%20cy%3D%22120%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3Cellipse%20cx%3D%22328%22%20cy%3D%22120%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3Cellipse%20cx%3D%22440%22%20cy%3D%22216%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M442.8%20361.82c-8.8-25.1-29.31-37.82-49.11-50.12c-17.23-10.71-33.5-20.83-44.14-39c-29.33-50.33-45.44-80.7-93.49-80.7s-64.21%2030.38-93.61%2080.69c-10.65%2018.21-27%2028.35-44.25%2039.08c-19.8%2012.31-40.27%2025-49.1%2050.05a78.1%2078.1%200%200%200-5.1%2028.29C64%20430.85%2096.45%20464%20132.4%20464s83.31-18.13%20123.76-18.13S343.31%20464%20379.71%20464S448%20430.85%20448%20390.11a78.3%2078.3%200%200%200-5.2-28.29%22%2F%3E%3Cellipse%20cx%3D%2272%22%20cy%3D%22216%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3Cellipse%20cx%3D%22184%22%20cy%3D%22120%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3Cellipse%20cx%3D%22328%22%20cy%3D%22120%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3Cellipse%20cx%3D%22440%22%20cy%3D%22216%22%20fill%3D%22currentColor%22%20rx%3D%2256%22%20ry%3D%2272%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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