animal dog icon
animal-dog-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- animal-dog-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M10.77 2.394c.416-.3.9-.394 1.23-.394h1.446a2.5 2.5 0 0 1 1.286.356l1.783 1.07a1 1 0 0 1 .485.857V5.5A1.5 1.5 0 0 1 15.5 7H15v8.038c.421.065.843.222 1.195.515c.51.424.805 1.077.805 1.947a.5.5 0 0 1-.5.5H5a3 3 0 0 1-1.803-5.398a.5.5 0 0 1 .601.799A2 2 0 0 0 5 17c.288 0 .47-.07.59-.15a.8.8 0 0 0 .275-.324A1.3 1.3 0 0 0 6 16v-.045l.004-.11q.006-.144.03-.395a9.4 9.4 0 0 1 .23-1.321c.263-1.05.796-2.396 1.882-3.483C9.99 8.803 10 6.331 10 5.5V4c0-.763.33-1.288.77-1.606m.154 4.506c-.155 1.256-.629 3.012-2.07 4.454c-.914.913-1.381 2.067-1.619 3.017a8.3 8.3 0 0 0-.232 1.519L7 15.977v.056l-.004.067a2.3 2.3 0 0 1-.25.9h6.173c-.1-.32-.303-.649-.652-.832A1.6 1.6 0 0 0 11.5 16h-1a.5.5 0 0 1 0-1h1q.264 0 .5.04V12.5a.5.5 0 0 1 1 0v2.948c.58.418.847 1.04.948 1.552h2c-.075-.328-.225-.539-.393-.678c-.257-.215-.63-.322-1.055-.322a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h1a.5.5 0 0 0 .5-.5V4.283l-1.782-1.07A1.5 1.5 0 0 0 13.446 3H12c-.17 0-.436.055-.645.206C11.17 3.338 11 3.563 11 4v1.5c0 .087.03.228.106.333c.057.08.157.167.394.167s.337-.088.394-.167A.6.6 0 0 0 12 5.5a.5.5 0 0 1 1 0c0 .247-.07.606-.294.917c-.243.337-.643.583-1.206.583a1.6 1.6 0 0 1-.576-.1M7 16.001L6.5 16Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentAnimalDog20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10.77 2.394c.416-.3.9-.394 1.23-.394h1.446a2.5 2.5 0 0 1 1.286.356l1.783 1.07a1 1 0 0 1 .485.857V5.5A1.5 1.5 0 0 1 15.5 7H15v8.038c.421.065.843.222 1.195.515c.51.424.805 1.077.805 1.947a.5.5 0 0 1-.5.5H5a3 3 0 0 1-1.803-5.398a.5.5 0 0 1 .601.799A2 2 0 0 0 5 17c.288 0 .47-.07.59-.15a.8.8 0 0 0 .275-.324A1.3 1.3 0 0 0 6 16v-.045l.004-.11q.006-.144.03-.395a9.4 9.4 0 0 1 .23-1.321c.263-1.05.796-2.396 1.882-3.483C9.99 8.803 10 6.331 10 5.5V4c0-.763.33-1.288.77-1.606m.154 4.506c-.155 1.256-.629 3.012-2.07 4.454c-.914.913-1.381 2.067-1.619 3.017a8.3 8.3 0 0 0-.232 1.519L7 15.977v.056l-.004.067a2.3 2.3 0 0 1-.25.9h6.173c-.1-.32-.303-.649-.652-.832A1.6 1.6 0 0 0 11.5 16h-1a.5.5 0 0 1 0-1h1q.264 0 .5.04V12.5a.5.5 0 0 1 1 0v2.948c.58.418.847 1.04.948 1.552h2c-.075-.328-.225-.539-.393-.678c-.257-.215-.63-.322-1.055-.322a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h1a.5.5 0 0 0 .5-.5V4.283l-1.782-1.07A1.5 1.5 0 0 0 13.446 3H12c-.17 0-.436.055-.645.206C11.17 3.338 11 3.563 11 4v1.5c0 .087.03.228.106.333c.057.08.157.167.394.167s.337-.088.394-.167A.6.6 0 0 0 12 5.5a.5.5 0 0 1 1 0c0 .247-.07.606-.294.917c-.243.337-.643.583-1.206.583a1.6 1.6 0 0 1-.576-.1M7 16.001L6.5 16Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10.77 2.394c.416-.3.9-.394 1.23-.394h1.446a2.5 2.5 0 0 1 1.286.356l1.783 1.07a1 1 0 0 1 .485.857V5.5A1.5 1.5 0 0 1 15.5 7H15v8.038c.421.065.843.222 1.195.515c.51.424.805 1.077.805 1.947a.5.5 0 0 1-.5.5H5a3 3 0 0 1-1.803-5.398a.5.5 0 0 1 .601.799A2 2 0 0 0 5 17c.288 0 .47-.07.59-.15a.8.8 0 0 0 .275-.324A1.3 1.3 0 0 0 6 16v-.045l.004-.11q.006-.144.03-.395a9.4 9.4 0 0 1 .23-1.321c.263-1.05.796-2.396 1.882-3.483C9.99 8.803 10 6.331 10 5.5V4c0-.763.33-1.288.77-1.606m.154 4.506c-.155 1.256-.629 3.012-2.07 4.454c-.914.913-1.381 2.067-1.619 3.017a8.3 8.3 0 0 0-.232 1.519L7 15.977v.056l-.004.067a2.3 2.3 0 0 1-.25.9h6.173c-.1-.32-.303-.649-.652-.832A1.6 1.6 0 0 0 11.5 16h-1a.5.5 0 0 1 0-1h1q.264 0 .5.04V12.5a.5.5 0 0 1 1 0v2.948c.58.418.847 1.04.948 1.552h2c-.075-.328-.225-.539-.393-.678c-.257-.215-.63-.322-1.055-.322a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h1a.5.5 0 0 0 .5-.5V4.283l-1.782-1.07A1.5 1.5 0 0 0 13.446 3H12c-.17 0-.436.055-.645.206C11.17 3.338 11 3.563 11 4v1.5c0 .087.03.228.106.333c.057.08.157.167.394.167s.337-.088.394-.167A.6.6 0 0 0 12 5.5a.5.5 0 0 1 1 0c0 .247-.07.606-.294.917c-.243.337-.643.583-1.206.583a1.6 1.6 0 0 1-.576-.1M7 16.001L6.5 16Z"/></svg> </template>
CSS
.icon-animal-dog-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.77%202.394c.416-.3.9-.394%201.23-.394h1.446a2.5%202.5%200%200%201%201.286.356l1.783%201.07a1%201%200%200%201%20.485.857V5.5A1.5%201.5%200%200%201%2015.5%207H15v8.038c.421.065.843.222%201.195.515c.51.424.805%201.077.805%201.947a.5.5%200%200%201-.5.5H5a3%203%200%200%201-1.803-5.398a.5.5%200%200%201%20.601.799A2%202%200%200%200%205%2017c.288%200%20.47-.07.59-.15a.8.8%200%200%200%20.275-.324A1.3%201.3%200%200%200%206%2016v-.045l.004-.11q.006-.144.03-.395a9.4%209.4%200%200%201%20.23-1.321c.263-1.05.796-2.396%201.882-3.483C9.99%208.803%2010%206.331%2010%205.5V4c0-.763.33-1.288.77-1.606m.154%204.506c-.155%201.256-.629%203.012-2.07%204.454c-.914.913-1.381%202.067-1.619%203.017a8.3%208.3%200%200%200-.232%201.519L7%2015.977v.056l-.004.067a2.3%202.3%200%200%201-.25.9h6.173c-.1-.32-.303-.649-.652-.832A1.6%201.6%200%200%200%2011.5%2016h-1a.5.5%200%200%201%200-1h1q.264%200%20.5.04V12.5a.5.5%200%200%201%201%200v2.948c.58.418.847%201.04.948%201.552h2c-.075-.328-.225-.539-.393-.678c-.257-.215-.63-.322-1.055-.322a.5.5%200%200%201-.5-.5v-9a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%200%20.5-.5V4.283l-1.782-1.07A1.5%201.5%200%200%200%2013.446%203H12c-.17%200-.436.055-.645.206C11.17%203.338%2011%203.563%2011%204v1.5c0%20.087.03.228.106.333c.057.08.157.167.394.167s.337-.088.394-.167A.6.6%200%200%200%2012%205.5a.5.5%200%200%201%201%200c0%20.247-.07.606-.294.917c-.243.337-.643.583-1.206.583a1.6%201.6%200%200%201-.576-.1M7%2016.001L6.5%2016Z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.77%202.394c.416-.3.9-.394%201.23-.394h1.446a2.5%202.5%200%200%201%201.286.356l1.783%201.07a1%201%200%200%201%20.485.857V5.5A1.5%201.5%200%200%201%2015.5%207H15v8.038c.421.065.843.222%201.195.515c.51.424.805%201.077.805%201.947a.5.5%200%200%201-.5.5H5a3%203%200%200%201-1.803-5.398a.5.5%200%200%201%20.601.799A2%202%200%200%200%205%2017c.288%200%20.47-.07.59-.15a.8.8%200%200%200%20.275-.324A1.3%201.3%200%200%200%206%2016v-.045l.004-.11q.006-.144.03-.395a9.4%209.4%200%200%201%20.23-1.321c.263-1.05.796-2.396%201.882-3.483C9.99%208.803%2010%206.331%2010%205.5V4c0-.763.33-1.288.77-1.606m.154%204.506c-.155%201.256-.629%203.012-2.07%204.454c-.914.913-1.381%202.067-1.619%203.017a8.3%208.3%200%200%200-.232%201.519L7%2015.977v.056l-.004.067a2.3%202.3%200%200%201-.25.9h6.173c-.1-.32-.303-.649-.652-.832A1.6%201.6%200%200%200%2011.5%2016h-1a.5.5%200%200%201%200-1h1q.264%200%20.5.04V12.5a.5.5%200%200%201%201%200v2.948c.58.418.847%201.04.948%201.552h2c-.075-.328-.225-.539-.393-.678c-.257-.215-.63-.322-1.055-.322a.5.5%200%200%201-.5-.5v-9a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%200%20.5-.5V4.283l-1.782-1.07A1.5%201.5%200%200%200%2013.446%203H12c-.17%200-.436.055-.645.206C11.17%203.338%2011%203.563%2011%204v1.5c0%20.087.03.228.106.333c.057.08.157.167.394.167s.337-.088.394-.167A.6.6%200%200%200%2012%205.5a.5.5%200%200%201%201%200c0%20.247-.07.606-.294.917c-.243.337-.643.583-1.206.583a1.6%201.6%200%200%201-.576-.1M7%2016.001L6.5%2016Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/animal-dog-20-regular.svg?color=%231a73e8&size=48
