dog icon

dog from Lucide by Lucide Contributors · Outline · ISC Free for personal and commercial use.

Name
dog
Set
Lucide
Style
Outline
Viewbox
24×24
License
ISC

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 AwesomedogMaterial Design Iconsdog-fillMingCute IcondogNoto EmojidogOpenMojidogPhosphordogPixelarticonsdogStreamline 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 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11.25 16.25h1.5L12 17zM16 14v.5"/><path d="M4.42 11.247A13.2 13.2 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.7 11.7 0 0 0-.493-3.309M8 14v.5"/><path d="M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5c-1.931.722-3.576-.297-3.656-1c-.113-.994 1.177-6.53 4-7c1.923-.321 3.651.845 3.651 2.235A7.5 7.5 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277c2.823.47 4.113 6.006 4 7c-.08.703-1.725 1.722-3.656 1c-1.261-.472-1.855-1.45-2.239-2.5"/></g></svg>

React

import type { SVGProps } from "react";

export function LucideDog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M11.25 16.25h1.5L12 17zM16 14v.5"/><path d="M4.42 11.247A13.2 13.2 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.7 11.7 0 0 0-.493-3.309M8 14v.5"/><path d="M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5c-1.931.722-3.576-.297-3.656-1c-.113-.994 1.177-6.53 4-7c1.923-.321 3.651.845 3.651 2.235A7.5 7.5 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277c2.823.47 4.113 6.006 4 7c-.08.703-1.725 1.722-3.656 1c-1.261-.472-1.855-1.45-2.239-2.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11.25 16.25h1.5L12 17zM16 14v.5"/><path d="M4.42 11.247A13.2 13.2 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.7 11.7 0 0 0-.493-3.309M8 14v.5"/><path d="M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5c-1.931.722-3.576-.297-3.656-1c-.113-.994 1.177-6.53 4-7c1.923-.321 3.651.845 3.651 2.235A7.5 7.5 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277c2.823.47 4.113 6.006 4 7c-.08.703-1.725 1.722-3.656 1c-1.261-.472-1.855-1.45-2.239-2.5"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11.25%2016.25h1.5L12%2017zM16%2014v.5%22%2F%3E%3Cpath%20d%3D%22M4.42%2011.247A13.2%2013.2%200%200%200%204%2014.556C4%2018.728%207.582%2021%2012%2021s8-2.272%208-6.444a11.7%2011.7%200%200%200-.493-3.309M8%2014v.5%22%2F%3E%3Cpath%20d%3D%22M8.5%208.5c-.384%201.05-1.083%202.028-2.344%202.5c-1.931.722-3.576-.297-3.656-1c-.113-.994%201.177-6.53%204-7c1.923-.321%203.651.845%203.651%202.235A7.5%207.5%200%200%201%2014%205.277c0-1.39%201.844-2.598%203.767-2.277c2.823.47%204.113%206.006%204%207c-.08.703-1.725%201.722-3.656%201c-1.261-.472-1.855-1.45-2.239-2.5%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11.25%2016.25h1.5L12%2017zM16%2014v.5%22%2F%3E%3Cpath%20d%3D%22M4.42%2011.247A13.2%2013.2%200%200%200%204%2014.556C4%2018.728%207.582%2021%2012%2021s8-2.272%208-6.444a11.7%2011.7%200%200%200-.493-3.309M8%2014v.5%22%2F%3E%3Cpath%20d%3D%22M8.5%208.5c-.384%201.05-1.083%202.028-2.344%202.5c-1.931.722-3.576-.297-3.656-1c-.113-.994%201.177-6.53%204-7c1.923-.321%203.651.845%203.651%202.235A7.5%207.5%200%200%201%2014%205.277c0-1.39%201.844-2.598%203.767-2.277c2.823.47%204.113%206.006%204%207c-.08.703-1.725%201.722-3.656%201c-1.261-.472-1.855-1.45-2.239-2.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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