animal dog icon
animal-dog-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- animal-dog-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the animal dog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.25 2h3.185c.509 0 1.007.141 1.44.408l2.768 1.703A.75.75 0 0 1 21 4.75v1.5a2.25 2.25 0 0 1-2.25 2.25h-.25v9.047c.997.134 1.695.555 2.095 1.275c.223.403.318.84.362 1.243c.043.391.043.8.043 1.16v.025a.75.75 0 0 1-.75.75H5.833a3.833 3.833 0 0 1-1.97-7.123a.75.75 0 0 1 .772 1.287A2.333 2.333 0 0 0 5.833 20.5c.319 0 .517-.083.649-.176c.139-.098.248-.238.331-.407a1.9 1.9 0 0 0 .187-.69v-.035l.004-.143a14 14 0 0 1 .26-2.187c.26-1.291.797-2.968 1.952-4.139c.848-.86 1.309-2.119 1.547-3.364C11 8.13 11 7.008 11 6.5V4.25A2.25 2.25 0 0 1 13.25 2m-5.5 17.25l.75.026v.006l-.001.01l-.002.028l-.007.09a3.5 3.5 0 0 1-.293 1.09h7.25c-.09-.494-.34-1.006-1.013-1.32l-.033-.016a1.7 1.7 0 0 0-.45-.116a5 5 0 0 0-.701-.055l-.283.004l-.141.002h-.06a.75.75 0 1 1-.028-1.499l.062-.001l.143-.002l.307-.004c.235 0 .495.016.75.047v-2.287a.75.75 0 0 1 1.5 0v2.804c1.065.682 1.374 1.703 1.463 2.443h2.524a5 5 0 0 0-.021-.27c-.033-.301-.094-.52-.183-.68c-.13-.234-.433-.55-1.533-.55a.75.75 0 0 1-.75-.75V7.75a.75.75 0 0 1 .75-.75h1a.75.75 0 0 0 .75-.75V5.17l-2.411-1.485a1.25 1.25 0 0 0-.654-.185h-3.186a.75.75 0 0 0-.749.75v2.232a.92.92 0 0 0 .205.554c.101.114.26.214.545.214c.287 0 .453-.101.556-.219A.88.88 0 0 0 14 6.45a.75.75 0 0 1 1.5 0c0 .554-.177 1.125-.566 1.569c-.4.457-.984.731-1.684.731q-.47-.002-.855-.154a14 14 0 0 1-.158 1.045c-.262 1.366-.801 2.968-1.953 4.136c-.845.856-1.308 2.18-1.549 3.38a13 13 0 0 0-.235 2.06v.059zm8.5 2.75v-.75Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentAnimalDog24Regular(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="M13.25 2h3.185c.509 0 1.007.141 1.44.408l2.768 1.703A.75.75 0 0 1 21 4.75v1.5a2.25 2.25 0 0 1-2.25 2.25h-.25v9.047c.997.134 1.695.555 2.095 1.275c.223.403.318.84.362 1.243c.043.391.043.8.043 1.16v.025a.75.75 0 0 1-.75.75H5.833a3.833 3.833 0 0 1-1.97-7.123a.75.75 0 0 1 .772 1.287A2.333 2.333 0 0 0 5.833 20.5c.319 0 .517-.083.649-.176c.139-.098.248-.238.331-.407a1.9 1.9 0 0 0 .187-.69v-.035l.004-.143a14 14 0 0 1 .26-2.187c.26-1.291.797-2.968 1.952-4.139c.848-.86 1.309-2.119 1.547-3.364C11 8.13 11 7.008 11 6.5V4.25A2.25 2.25 0 0 1 13.25 2m-5.5 17.25l.75.026v.006l-.001.01l-.002.028l-.007.09a3.5 3.5 0 0 1-.293 1.09h7.25c-.09-.494-.34-1.006-1.013-1.32l-.033-.016a1.7 1.7 0 0 0-.45-.116a5 5 0 0 0-.701-.055l-.283.004l-.141.002h-.06a.75.75 0 1 1-.028-1.499l.062-.001l.143-.002l.307-.004c.235 0 .495.016.75.047v-2.287a.75.75 0 0 1 1.5 0v2.804c1.065.682 1.374 1.703 1.463 2.443h2.524a5 5 0 0 0-.021-.27c-.033-.301-.094-.52-.183-.68c-.13-.234-.433-.55-1.533-.55a.75.75 0 0 1-.75-.75V7.75a.75.75 0 0 1 .75-.75h1a.75.75 0 0 0 .75-.75V5.17l-2.411-1.485a1.25 1.25 0 0 0-.654-.185h-3.186a.75.75 0 0 0-.749.75v2.232a.92.92 0 0 0 .205.554c.101.114.26.214.545.214c.287 0 .453-.101.556-.219A.88.88 0 0 0 14 6.45a.75.75 0 0 1 1.5 0c0 .554-.177 1.125-.566 1.569c-.4.457-.984.731-1.684.731q-.47-.002-.855-.154a14 14 0 0 1-.158 1.045c-.262 1.366-.801 2.968-1.953 4.136c-.845.856-1.308 2.18-1.549 3.38a13 13 0 0 0-.235 2.06v.059zm8.5 2.75v-.75Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.25 2h3.185c.509 0 1.007.141 1.44.408l2.768 1.703A.75.75 0 0 1 21 4.75v1.5a2.25 2.25 0 0 1-2.25 2.25h-.25v9.047c.997.134 1.695.555 2.095 1.275c.223.403.318.84.362 1.243c.043.391.043.8.043 1.16v.025a.75.75 0 0 1-.75.75H5.833a3.833 3.833 0 0 1-1.97-7.123a.75.75 0 0 1 .772 1.287A2.333 2.333 0 0 0 5.833 20.5c.319 0 .517-.083.649-.176c.139-.098.248-.238.331-.407a1.9 1.9 0 0 0 .187-.69v-.035l.004-.143a14 14 0 0 1 .26-2.187c.26-1.291.797-2.968 1.952-4.139c.848-.86 1.309-2.119 1.547-3.364C11 8.13 11 7.008 11 6.5V4.25A2.25 2.25 0 0 1 13.25 2m-5.5 17.25l.75.026v.006l-.001.01l-.002.028l-.007.09a3.5 3.5 0 0 1-.293 1.09h7.25c-.09-.494-.34-1.006-1.013-1.32l-.033-.016a1.7 1.7 0 0 0-.45-.116a5 5 0 0 0-.701-.055l-.283.004l-.141.002h-.06a.75.75 0 1 1-.028-1.499l.062-.001l.143-.002l.307-.004c.235 0 .495.016.75.047v-2.287a.75.75 0 0 1 1.5 0v2.804c1.065.682 1.374 1.703 1.463 2.443h2.524a5 5 0 0 0-.021-.27c-.033-.301-.094-.52-.183-.68c-.13-.234-.433-.55-1.533-.55a.75.75 0 0 1-.75-.75V7.75a.75.75 0 0 1 .75-.75h1a.75.75 0 0 0 .75-.75V5.17l-2.411-1.485a1.25 1.25 0 0 0-.654-.185h-3.186a.75.75 0 0 0-.749.75v2.232a.92.92 0 0 0 .205.554c.101.114.26.214.545.214c.287 0 .453-.101.556-.219A.88.88 0 0 0 14 6.45a.75.75 0 0 1 1.5 0c0 .554-.177 1.125-.566 1.569c-.4.457-.984.731-1.684.731q-.47-.002-.855-.154a14 14 0 0 1-.158 1.045c-.262 1.366-.801 2.968-1.953 4.136c-.845.856-1.308 2.18-1.549 3.38a13 13 0 0 0-.235 2.06v.059zm8.5 2.75v-.75Z"/></svg> </template>
CSS
.icon-animal-dog-24-regular {
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%22M13.25%202h3.185c.509%200%201.007.141%201.44.408l2.768%201.703A.75.75%200%200%201%2021%204.75v1.5a2.25%202.25%200%200%201-2.25%202.25h-.25v9.047c.997.134%201.695.555%202.095%201.275c.223.403.318.84.362%201.243c.043.391.043.8.043%201.16v.025a.75.75%200%200%201-.75.75H5.833a3.833%203.833%200%200%201-1.97-7.123a.75.75%200%200%201%20.772%201.287A2.333%202.333%200%200%200%205.833%2020.5c.319%200%20.517-.083.649-.176c.139-.098.248-.238.331-.407a1.9%201.9%200%200%200%20.187-.69v-.035l.004-.143a14%2014%200%200%201%20.26-2.187c.26-1.291.797-2.968%201.952-4.139c.848-.86%201.309-2.119%201.547-3.364C11%208.13%2011%207.008%2011%206.5V4.25A2.25%202.25%200%200%201%2013.25%202m-5.5%2017.25l.75.026v.006l-.001.01l-.002.028l-.007.09a3.5%203.5%200%200%201-.293%201.09h7.25c-.09-.494-.34-1.006-1.013-1.32l-.033-.016a1.7%201.7%200%200%200-.45-.116a5%205%200%200%200-.701-.055l-.283.004l-.141.002h-.06a.75.75%200%201%201-.028-1.499l.062-.001l.143-.002l.307-.004c.235%200%20.495.016.75.047v-2.287a.75.75%200%200%201%201.5%200v2.804c1.065.682%201.374%201.703%201.463%202.443h2.524a5%205%200%200%200-.021-.27c-.033-.301-.094-.52-.183-.68c-.13-.234-.433-.55-1.533-.55a.75.75%200%200%201-.75-.75V7.75a.75.75%200%200%201%20.75-.75h1a.75.75%200%200%200%20.75-.75V5.17l-2.411-1.485a1.25%201.25%200%200%200-.654-.185h-3.186a.75.75%200%200%200-.749.75v2.232a.92.92%200%200%200%20.205.554c.101.114.26.214.545.214c.287%200%20.453-.101.556-.219A.88.88%200%200%200%2014%206.45a.75.75%200%200%201%201.5%200c0%20.554-.177%201.125-.566%201.569c-.4.457-.984.731-1.684.731q-.47-.002-.855-.154a14%2014%200%200%201-.158%201.045c-.262%201.366-.801%202.968-1.953%204.136c-.845.856-1.308%202.18-1.549%203.38a13%2013%200%200%200-.235%202.06v.059zm8.5%202.75v-.75Z%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%22M13.25%202h3.185c.509%200%201.007.141%201.44.408l2.768%201.703A.75.75%200%200%201%2021%204.75v1.5a2.25%202.25%200%200%201-2.25%202.25h-.25v9.047c.997.134%201.695.555%202.095%201.275c.223.403.318.84.362%201.243c.043.391.043.8.043%201.16v.025a.75.75%200%200%201-.75.75H5.833a3.833%203.833%200%200%201-1.97-7.123a.75.75%200%200%201%20.772%201.287A2.333%202.333%200%200%200%205.833%2020.5c.319%200%20.517-.083.649-.176c.139-.098.248-.238.331-.407a1.9%201.9%200%200%200%20.187-.69v-.035l.004-.143a14%2014%200%200%201%20.26-2.187c.26-1.291.797-2.968%201.952-4.139c.848-.86%201.309-2.119%201.547-3.364C11%208.13%2011%207.008%2011%206.5V4.25A2.25%202.25%200%200%201%2013.25%202m-5.5%2017.25l.75.026v.006l-.001.01l-.002.028l-.007.09a3.5%203.5%200%200%201-.293%201.09h7.25c-.09-.494-.34-1.006-1.013-1.32l-.033-.016a1.7%201.7%200%200%200-.45-.116a5%205%200%200%200-.701-.055l-.283.004l-.141.002h-.06a.75.75%200%201%201-.028-1.499l.062-.001l.143-.002l.307-.004c.235%200%20.495.016.75.047v-2.287a.75.75%200%200%201%201.5%200v2.804c1.065.682%201.374%201.703%201.463%202.443h2.524a5%205%200%200%200-.021-.27c-.033-.301-.094-.52-.183-.68c-.13-.234-.433-.55-1.533-.55a.75.75%200%200%201-.75-.75V7.75a.75.75%200%200%201%20.75-.75h1a.75.75%200%200%200%20.75-.75V5.17l-2.411-1.485a1.25%201.25%200%200%200-.654-.185h-3.186a.75.75%200%200%200-.749.75v2.232a.92.92%200%200%200%20.205.554c.101.114.26.214.545.214c.287%200%20.453-.101.556-.219A.88.88%200%200%200%2014%206.45a.75.75%200%200%201%201.5%200c0%20.554-.177%201.125-.566%201.569c-.4.457-.984.731-1.684.731q-.47-.002-.855-.154a14%2014%200%200%201-.158%201.045c-.262%201.366-.801%202.968-1.953%204.136c-.845.856-1.308%202.18-1.549%203.38a13%2013%200%200%200-.235%202.06v.059zm8.5%202.75v-.75Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/animal-dog-24-regular.svg?color=%231a73e8&size=48
