dog icon

dog from Font Awesome Solid by Dave Gandy · Solid · Animals · CC-BY-4.0 Attribution required.

Name
dog
Set
Font Awesome Solid
Style
Solid
Category
Animals
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

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

More animals icons from Font Awesome Solid

catcrowdovedragonfeatherfeather-altfishfroghippohorsehorse-headkiwi-birdotterpawspider

Use the dog icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 176c16.6 0 30.2 12.6 31.8 28.7l.3 6.6c1.7 16.1 15.3 28.7 31.9 28.7h179.1L448 300.4V544c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32V412.7C328 425 300.8 432 272 432s-56-7-80-19.3V544c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32V298.4c-37.3-13.2-64-48.6-64-90.4c0-17.7 14.3-32 32-32M387.8 32c7.7 0 14.9 3.6 19.6 9.8L424 64h52.1c12.7 0 24.9 5.1 33.9 14.1L528 96h56c13.3 0 24 10.7 24 24v24c0 44.2-35.8 80-80 80h-64l-7 28l-124.7-53.4l31.6-147.2c2.4-11.3 12.3-19.4 23.9-19.4m92.2 76c-11 0-20 9-20 20s9 20 20 20s20-9 20-20s-9-20-20-20"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidDog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 176c16.6 0 30.2 12.6 31.8 28.7l.3 6.6c1.7 16.1 15.3 28.7 31.9 28.7h179.1L448 300.4V544c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32V412.7C328 425 300.8 432 272 432s-56-7-80-19.3V544c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32V298.4c-37.3-13.2-64-48.6-64-90.4c0-17.7 14.3-32 32-32M387.8 32c7.7 0 14.9 3.6 19.6 9.8L424 64h52.1c12.7 0 24.9 5.1 33.9 14.1L528 96h56c13.3 0 24 10.7 24 24v24c0 44.2-35.8 80-80 80h-64l-7 28l-124.7-53.4l31.6-147.2c2.4-11.3 12.3-19.4 23.9-19.4m92.2 76c-11 0-20 9-20 20s9 20 20 20s20-9 20-20s-9-20-20-20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 176c16.6 0 30.2 12.6 31.8 28.7l.3 6.6c1.7 16.1 15.3 28.7 31.9 28.7h179.1L448 300.4V544c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32V412.7C328 425 300.8 432 272 432s-56-7-80-19.3V544c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32V298.4c-37.3-13.2-64-48.6-64-90.4c0-17.7 14.3-32 32-32M387.8 32c7.7 0 14.9 3.6 19.6 9.8L424 64h52.1c12.7 0 24.9 5.1 33.9 14.1L528 96h56c13.3 0 24 10.7 24 24v24c0 44.2-35.8 80-80 80h-64l-7 28l-124.7-53.4l31.6-147.2c2.4-11.3 12.3-19.4 23.9-19.4m92.2 76c-11 0-20 9-20 20s9 20 20 20s20-9 20-20s-9-20-20-20"/></svg>
</template>

CSS

.icon-dog {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20176c16.6%200%2030.2%2012.6%2031.8%2028.7l.3%206.6c1.7%2016.1%2015.3%2028.7%2031.9%2028.7h179.1L448%20300.4V544c0%2017.7-14.3%2032-32%2032h-32c-17.7%200-32-14.3-32-32V412.7C328%20425%20300.8%20432%20272%20432s-56-7-80-19.3V544c0%2017.7-14.3%2032-32%2032h-32c-17.7%200-32-14.3-32-32V298.4c-37.3-13.2-64-48.6-64-90.4c0-17.7%2014.3-32%2032-32M387.8%2032c7.7%200%2014.9%203.6%2019.6%209.8L424%2064h52.1c12.7%200%2024.9%205.1%2033.9%2014.1L528%2096h56c13.3%200%2024%2010.7%2024%2024v24c0%2044.2-35.8%2080-80%2080h-64l-7%2028l-124.7-53.4l31.6-147.2c2.4-11.3%2012.3-19.4%2023.9-19.4m92.2%2076c-11%200-20%209-20%2020s9%2020%2020%2020s20-9%2020-20s-9-20-20-20%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20176c16.6%200%2030.2%2012.6%2031.8%2028.7l.3%206.6c1.7%2016.1%2015.3%2028.7%2031.9%2028.7h179.1L448%20300.4V544c0%2017.7-14.3%2032-32%2032h-32c-17.7%200-32-14.3-32-32V412.7C328%20425%20300.8%20432%20272%20432s-56-7-80-19.3V544c0%2017.7-14.3%2032-32%2032h-32c-17.7%200-32-14.3-32-32V298.4c-37.3-13.2-64-48.6-64-90.4c0-17.7%2014.3-32%2032-32M387.8%2032c7.7%200%2014.9%203.6%2019.6%209.8L424%2064h52.1c12.7%200%2024.9%205.1%2033.9%2014.1L528%2096h56c13.3%200%2024%2010.7%2024%2024v24c0%2044.2-35.8%2080-80%2080h-64l-7%2028l-124.7-53.4l31.6-147.2c2.4-11.3%2012.3-19.4%2023.9-19.4m92.2%2076c-11%200-20%209-20%2020s9%2020%2020%2020s20-9%2020-20s-9-20-20-20%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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