dog icon

dog-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
dog-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

dogdog-bolddog-duotonedog-lightdog-thin

The same icon in other sets

dogBoxIcons v2 SoliddogEmoji One (Colored)dogFramework7 IconsdogFont Awesome 6 SoliddogFont Awesome SoliddogFluent EmojidogFluent Emoji FlatdogFluent Emoji High ContrastdogFirefox OS EmojidogIconParkdogIconPark OutlinedogIconPark SoliddogIconPark TwoTonedogLine AwesomedogLucidedogMaterial Design Iconsdog-fillMingCute IcondogNoto EmojidogOpenMojidogPixelarticonsdogStreamline EmojisdogTabler IconsdogWeb3 IconsdogWeb3 Icons Branded

Use the dog icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m239.71 125l-16.42-88a16 16 0 0 0-19.61-12.58l-.31.09L150.85 40h-45.7L52.63 24.56l-.31-.09a16 16 0 0 0-19.61 12.58L16.29 125a15.77 15.77 0 0 0 9.12 17.52a16.3 16.3 0 0 0 6.71 1.48a15.5 15.5 0 0 0 7.88-2.16V184a40 40 0 0 0 40 40h96a40 40 0 0 0 40-40v-42.15a15.5 15.5 0 0 0 7.87 2.16a16.3 16.3 0 0 0 6.72-1.47a15.77 15.77 0 0 0 9.12-17.54M176 208h-40v-12.69l13.66-13.65a8 8 0 0 0-11.32-11.32L128 180.69l-10.34-10.35a8 8 0 0 0-11.32 11.32L120 195.31V208H80a24 24 0 0 1-24-24v-60.89L107.93 56h40.14L200 123.11V184a24 24 0 0 1-24 24m-72-68a12 12 0 1 1-12-12a12 12 0 0 1 12 12m72 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>

React

import type { SVGProps } from "react";

export function PhDogFill(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="m239.71 125l-16.42-88a16 16 0 0 0-19.61-12.58l-.31.09L150.85 40h-45.7L52.63 24.56l-.31-.09a16 16 0 0 0-19.61 12.58L16.29 125a15.77 15.77 0 0 0 9.12 17.52a16.3 16.3 0 0 0 6.71 1.48a15.5 15.5 0 0 0 7.88-2.16V184a40 40 0 0 0 40 40h96a40 40 0 0 0 40-40v-42.15a15.5 15.5 0 0 0 7.87 2.16a16.3 16.3 0 0 0 6.72-1.47a15.77 15.77 0 0 0 9.12-17.54M176 208h-40v-12.69l13.66-13.65a8 8 0 0 0-11.32-11.32L128 180.69l-10.34-10.35a8 8 0 0 0-11.32 11.32L120 195.31V208H80a24 24 0 0 1-24-24v-60.89L107.93 56h40.14L200 123.11V184a24 24 0 0 1-24 24m-72-68a12 12 0 1 1-12-12a12 12 0 0 1 12 12m72 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m239.71 125l-16.42-88a16 16 0 0 0-19.61-12.58l-.31.09L150.85 40h-45.7L52.63 24.56l-.31-.09a16 16 0 0 0-19.61 12.58L16.29 125a15.77 15.77 0 0 0 9.12 17.52a16.3 16.3 0 0 0 6.71 1.48a15.5 15.5 0 0 0 7.88-2.16V184a40 40 0 0 0 40 40h96a40 40 0 0 0 40-40v-42.15a15.5 15.5 0 0 0 7.87 2.16a16.3 16.3 0 0 0 6.72-1.47a15.77 15.77 0 0 0 9.12-17.54M176 208h-40v-12.69l13.66-13.65a8 8 0 0 0-11.32-11.32L128 180.69l-10.34-10.35a8 8 0 0 0-11.32 11.32L120 195.31V208H80a24 24 0 0 1-24-24v-60.89L107.93 56h40.14L200 123.11V184a24 24 0 0 1-24 24m-72-68a12 12 0 1 1-12-12a12 12 0 0 1 12 12m72 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>
</template>

CSS

.icon-dog-fill {
  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%22m239.71%20125l-16.42-88a16%2016%200%200%200-19.61-12.58l-.31.09L150.85%2040h-45.7L52.63%2024.56l-.31-.09a16%2016%200%200%200-19.61%2012.58L16.29%20125a15.77%2015.77%200%200%200%209.12%2017.52a16.3%2016.3%200%200%200%206.71%201.48a15.5%2015.5%200%200%200%207.88-2.16V184a40%2040%200%200%200%2040%2040h96a40%2040%200%200%200%2040-40v-42.15a15.5%2015.5%200%200%200%207.87%202.16a16.3%2016.3%200%200%200%206.72-1.47a15.77%2015.77%200%200%200%209.12-17.54M176%20208h-40v-12.69l13.66-13.65a8%208%200%200%200-11.32-11.32L128%20180.69l-10.34-10.35a8%208%200%200%200-11.32%2011.32L120%20195.31V208H80a24%2024%200%200%201-24-24v-60.89L107.93%2056h40.14L200%20123.11V184a24%2024%200%200%201-24%2024m-72-68a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m72%200a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%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%22m239.71%20125l-16.42-88a16%2016%200%200%200-19.61-12.58l-.31.09L150.85%2040h-45.7L52.63%2024.56l-.31-.09a16%2016%200%200%200-19.61%2012.58L16.29%20125a15.77%2015.77%200%200%200%209.12%2017.52a16.3%2016.3%200%200%200%206.71%201.48a15.5%2015.5%200%200%200%207.88-2.16V184a40%2040%200%200%200%2040%2040h96a40%2040%200%200%200%2040-40v-42.15a15.5%2015.5%200%200%200%207.87%202.16a16.3%2016.3%200%200%200%206.72-1.47a15.77%2015.77%200%200%200%209.12-17.54M176%20208h-40v-12.69l13.66-13.65a8%208%200%200%200-11.32-11.32L128%20180.69l-10.34-10.35a8%208%200%200%200-11.32%2011.32L120%20195.31V208H80a24%2024%200%200%201-24-24v-60.89L107.93%2056h40.14L200%20123.11V184a24%2024%200%200%201-24%2024m-72-68a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m72%200a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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