dog icon
dog from Material Design Icons by Pictogrammers · Filled · Animal · Apache-2.0 Free for personal and commercial use.
- Name
- dog
- Set
- Material Design Icons
- Style
- Filled
- Category
- Animal
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- emoji-dog, emoticon-dog
The same icon in other sets
More animal icons from Material Design Icons
Use the dog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 4c-1.71 0-2.75.33-3.35.61C13.88 4.23 13 4 12 4s-1.88.23-2.65.61C8.75 4.33 7.71 4 6 4c-3 0-5 8-5 10c0 .83 1.32 1.59 3.14 1.9c.64 2.24 3.66 3.95 7.36 4.1v-4.28c-.59-.37-1.5-1.04-1.5-1.72c0-1 2-1 2-1s2 0 2 1c0 .68-.91 1.35-1.5 1.72V20c3.7-.15 6.72-1.86 7.36-4.1C21.68 15.59 23 14.83 23 14c0-2-2-10-5-10M4.15 13.87c-.5-.12-.89-.26-1.15-.37c.25-2.77 2.2-7.1 3.05-7.5c.54 0 .95.06 1.32.11c-2.1 2.31-2.93 5.93-3.22 7.76M9 12a1 1 0 0 1-1-1c0-.54.45-1 1-1a1 1 0 0 1 1 1c0 .56-.45 1-1 1m6 0a1 1 0 0 1-1-1c0-.54.45-1 1-1a1 1 0 0 1 1 1c0 .56-.45 1-1 1m4.85 1.87c-.29-1.83-1.12-5.45-3.22-7.76c.37-.05.78-.11 1.32-.11c.85.4 2.8 4.73 3.05 7.5c-.25.11-.64.25-1.15.37"/></svg>
React
import type { SVGProps } from "react";
export function MdiDog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 4c-1.71 0-2.75.33-3.35.61C13.88 4.23 13 4 12 4s-1.88.23-2.65.61C8.75 4.33 7.71 4 6 4c-3 0-5 8-5 10c0 .83 1.32 1.59 3.14 1.9c.64 2.24 3.66 3.95 7.36 4.1v-4.28c-.59-.37-1.5-1.04-1.5-1.72c0-1 2-1 2-1s2 0 2 1c0 .68-.91 1.35-1.5 1.72V20c3.7-.15 6.72-1.86 7.36-4.1C21.68 15.59 23 14.83 23 14c0-2-2-10-5-10M4.15 13.87c-.5-.12-.89-.26-1.15-.37c.25-2.77 2.2-7.1 3.05-7.5c.54 0 .95.06 1.32.11c-2.1 2.31-2.93 5.93-3.22 7.76M9 12a1 1 0 0 1-1-1c0-.54.45-1 1-1a1 1 0 0 1 1 1c0 .56-.45 1-1 1m6 0a1 1 0 0 1-1-1c0-.54.45-1 1-1a1 1 0 0 1 1 1c0 .56-.45 1-1 1m4.85 1.87c-.29-1.83-1.12-5.45-3.22-7.76c.37-.05.78-.11 1.32-.11c.85.4 2.8 4.73 3.05 7.5c-.25.11-.64.25-1.15.37"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 4c-1.71 0-2.75.33-3.35.61C13.88 4.23 13 4 12 4s-1.88.23-2.65.61C8.75 4.33 7.71 4 6 4c-3 0-5 8-5 10c0 .83 1.32 1.59 3.14 1.9c.64 2.24 3.66 3.95 7.36 4.1v-4.28c-.59-.37-1.5-1.04-1.5-1.72c0-1 2-1 2-1s2 0 2 1c0 .68-.91 1.35-1.5 1.72V20c3.7-.15 6.72-1.86 7.36-4.1C21.68 15.59 23 14.83 23 14c0-2-2-10-5-10M4.15 13.87c-.5-.12-.89-.26-1.15-.37c.25-2.77 2.2-7.1 3.05-7.5c.54 0 .95.06 1.32.11c-2.1 2.31-2.93 5.93-3.22 7.76M9 12a1 1 0 0 1-1-1c0-.54.45-1 1-1a1 1 0 0 1 1 1c0 .56-.45 1-1 1m6 0a1 1 0 0 1-1-1c0-.54.45-1 1-1a1 1 0 0 1 1 1c0 .56-.45 1-1 1m4.85 1.87c-.29-1.83-1.12-5.45-3.22-7.76c.37-.05.78-.11 1.32-.11c.85.4 2.8 4.73 3.05 7.5c-.25.11-.64.25-1.15.37"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%204c-1.71%200-2.75.33-3.35.61C13.88%204.23%2013%204%2012%204s-1.88.23-2.65.61C8.75%204.33%207.71%204%206%204c-3%200-5%208-5%2010c0%20.83%201.32%201.59%203.14%201.9c.64%202.24%203.66%203.95%207.36%204.1v-4.28c-.59-.37-1.5-1.04-1.5-1.72c0-1%202-1%202-1s2%200%202%201c0%20.68-.91%201.35-1.5%201.72V20c3.7-.15%206.72-1.86%207.36-4.1C21.68%2015.59%2023%2014.83%2023%2014c0-2-2-10-5-10M4.15%2013.87c-.5-.12-.89-.26-1.15-.37c.25-2.77%202.2-7.1%203.05-7.5c.54%200%20.95.06%201.32.11c-2.1%202.31-2.93%205.93-3.22%207.76M9%2012a1%201%200%200%201-1-1c0-.54.45-1%201-1a1%201%200%200%201%201%201c0%20.56-.45%201-1%201m6%200a1%201%200%200%201-1-1c0-.54.45-1%201-1a1%201%200%200%201%201%201c0%20.56-.45%201-1%201m4.85%201.87c-.29-1.83-1.12-5.45-3.22-7.76c.37-.05.78-.11%201.32-.11c.85.4%202.8%204.73%203.05%207.5c-.25.11-.64.25-1.15.37%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%204c-1.71%200-2.75.33-3.35.61C13.88%204.23%2013%204%2012%204s-1.88.23-2.65.61C8.75%204.33%207.71%204%206%204c-3%200-5%208-5%2010c0%20.83%201.32%201.59%203.14%201.9c.64%202.24%203.66%203.95%207.36%204.1v-4.28c-.59-.37-1.5-1.04-1.5-1.72c0-1%202-1%202-1s2%200%202%201c0%20.68-.91%201.35-1.5%201.72V20c3.7-.15%206.72-1.86%207.36-4.1C21.68%2015.59%2023%2014.83%2023%2014c0-2-2-10-5-10M4.15%2013.87c-.5-.12-.89-.26-1.15-.37c.25-2.77%202.2-7.1%203.05-7.5c.54%200%20.95.06%201.32.11c-2.1%202.31-2.93%205.93-3.22%207.76M9%2012a1%201%200%200%201-1-1c0-.54.45-1%201-1a1%201%200%200%201%201%201c0%20.56-.45%201-1%201m6%200a1%201%200%200%201-1-1c0-.54.45-1%201-1a1%201%200%200%201%201%201c0%20.56-.45%201-1%201m4.85%201.87c-.29-1.83-1.12-5.45-3.22-7.76c.37-.05.78-.11%201.32-.11c.85.4%202.8%204.73%203.05%207.5c-.25.11-.64.25-1.15.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/dog.svg?color=%231a73e8&size=48
