animal dog icon
animal-dog-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- animal-dog-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- 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="M10.876 8.661c.387.216.848.339 1.37.339c.847 0 1.555-.307 2.047-.844c.481-.526.703-1.216.703-1.906a.75.75 0 0 0-1.5 0c0 .377-.12.686-.31.894c-.18.196-.472.356-.94.356c-.449 0-.73-.162-.914-.37A1.46 1.46 0 0 1 11 6.29V4.25A2.25 2.25 0 0 1 13.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.533c.92.088 1.618.366 2.047.964c.257.359.36.76.408 1.129c.045.352.045.736.045 1.09v.034a.75.75 0 0 1-.75.75h-3.252v-.774c0-.572.002-2.208-1.5-3.169v-2.804a.75.75 0 0 0-1.5 0v2.266a5 5 0 0 0-.697-.022q-.04 0-.064.003h-.025l-.003.001a.75.75 0 1 0 .082 1.498h.003l.013-.001l.05-.002c.041-.002.093-.003.141-.003c.432 0 .715.073.901.17l.033.017c1.039.484 1.066 1.439 1.066 2.07V22H5.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.364q.069-.358.113-.698"/></svg>
React
import type { SVGProps } from "react";
export function FluentAnimalDog24Filled(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="M10.876 8.661c.387.216.848.339 1.37.339c.847 0 1.555-.307 2.047-.844c.481-.526.703-1.216.703-1.906a.75.75 0 0 0-1.5 0c0 .377-.12.686-.31.894c-.18.196-.472.356-.94.356c-.449 0-.73-.162-.914-.37A1.46 1.46 0 0 1 11 6.29V4.25A2.25 2.25 0 0 1 13.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.533c.92.088 1.618.366 2.047.964c.257.359.36.76.408 1.129c.045.352.045.736.045 1.09v.034a.75.75 0 0 1-.75.75h-3.252v-.774c0-.572.002-2.208-1.5-3.169v-2.804a.75.75 0 0 0-1.5 0v2.266a5 5 0 0 0-.697-.022q-.04 0-.064.003h-.025l-.003.001a.75.75 0 1 0 .082 1.498h.003l.013-.001l.05-.002c.041-.002.093-.003.141-.003c.432 0 .715.073.901.17l.033.017c1.039.484 1.066 1.439 1.066 2.07V22H5.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.364q.069-.358.113-.698"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.876 8.661c.387.216.848.339 1.37.339c.847 0 1.555-.307 2.047-.844c.481-.526.703-1.216.703-1.906a.75.75 0 0 0-1.5 0c0 .377-.12.686-.31.894c-.18.196-.472.356-.94.356c-.449 0-.73-.162-.914-.37A1.46 1.46 0 0 1 11 6.29V4.25A2.25 2.25 0 0 1 13.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.533c.92.088 1.618.366 2.047.964c.257.359.36.76.408 1.129c.045.352.045.736.045 1.09v.034a.75.75 0 0 1-.75.75h-3.252v-.774c0-.572.002-2.208-1.5-3.169v-2.804a.75.75 0 0 0-1.5 0v2.266a5 5 0 0 0-.697-.022q-.04 0-.064.003h-.025l-.003.001a.75.75 0 1 0 .082 1.498h.003l.013-.001l.05-.002c.041-.002.093-.003.141-.003c.432 0 .715.073.901.17l.033.017c1.039.484 1.066 1.439 1.066 2.07V22H5.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.364q.069-.358.113-.698"/></svg> </template>
CSS
.icon-animal-dog-24-filled {
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%22M10.876%208.661c.387.216.848.339%201.37.339c.847%200%201.555-.307%202.047-.844c.481-.526.703-1.216.703-1.906a.75.75%200%200%200-1.5%200c0%20.377-.12.686-.31.894c-.18.196-.472.356-.94.356c-.449%200-.73-.162-.914-.37A1.46%201.46%200%200%201%2011%206.29V4.25A2.25%202.25%200%200%201%2013.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.533c.92.088%201.618.366%202.047.964c.257.359.36.76.408%201.129c.045.352.045.736.045%201.09v.034a.75.75%200%200%201-.75.75h-3.252v-.774c0-.572.002-2.208-1.5-3.169v-2.804a.75.75%200%200%200-1.5%200v2.266a5%205%200%200%200-.697-.022q-.04%200-.064.003h-.025l-.003.001a.75.75%200%201%200%20.082%201.498h.003l.013-.001l.05-.002c.041-.002.093-.003.141-.003c.432%200%20.715.073.901.17l.033.017c1.039.484%201.066%201.439%201.066%202.07V22H5.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.364q.069-.358.113-.698%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%22M10.876%208.661c.387.216.848.339%201.37.339c.847%200%201.555-.307%202.047-.844c.481-.526.703-1.216.703-1.906a.75.75%200%200%200-1.5%200c0%20.377-.12.686-.31.894c-.18.196-.472.356-.94.356c-.449%200-.73-.162-.914-.37A1.46%201.46%200%200%201%2011%206.29V4.25A2.25%202.25%200%200%201%2013.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.533c.92.088%201.618.366%202.047.964c.257.359.36.76.408%201.129c.045.352.045.736.045%201.09v.034a.75.75%200%200%201-.75.75h-3.252v-.774c0-.572.002-2.208-1.5-3.169v-2.804a.75.75%200%200%200-1.5%200v2.266a5%205%200%200%200-.697-.022q-.04%200-.064.003h-.025l-.003.001a.75.75%200%201%200%20.082%201.498h.003l.013-.001l.05-.002c.041-.002.093-.003.141-.003c.432%200%20.715.073.901.17l.033.017c1.039.484%201.066%201.439%201.066%202.07V22H5.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.364q.069-.358.113-.698%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-filled.svg?color=%231a73e8&size=48
