pets icon
pets from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- pets
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- pets-outline, pets-outline-rounded, pets-outline-sharp, pets-rounded, pets-sharp
The same icon in other sets
More social icons from Material Symbols Light
Use the pets icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.501 11.625q-.84 0-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581 1.419t-.58 1.42t-1.419.581m3.08-4.58Q7 6.465 7 5.626t.58-1.42t1.419-.581t1.42.58T11 5.624t-.58 1.42t-1.419.581t-1.42-.58m6 0Q13 6.465 13 5.626t.58-1.42t1.419-.581t1.42.58T17 5.624t-.58 1.42t-1.419.581t-1.42-.58m5.92 4.58q-.84 0-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581 1.419t-.58 1.42t-1.419.581m-12.851 10q-.933 0-1.541-.714q-.609-.713-.609-1.686q0-1.223.859-2.092q.858-.87 1.676-1.762q.725-.794 1.26-1.697q.534-.903 1.24-1.703q.492-.554 1.114-.95T12 10.625q.75 0 1.39.38q.64.382 1.114.955q.7.8 1.228 1.705q.528.906 1.234 1.706q.817.892 1.675 1.762q.859.869.859 2.092q0 .973-.609 1.686q-.608.714-1.541.714q-1.35 0-2.675-.225T12 21.175t-2.675.225t-2.675.225"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPets(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="M4.501 11.625q-.84 0-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581 1.419t-.58 1.42t-1.419.581m3.08-4.58Q7 6.465 7 5.626t.58-1.42t1.419-.581t1.42.58T11 5.624t-.58 1.42t-1.419.581t-1.42-.58m6 0Q13 6.465 13 5.626t.58-1.42t1.419-.581t1.42.58T17 5.624t-.58 1.42t-1.419.581t-1.42-.58m5.92 4.58q-.84 0-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581 1.419t-.58 1.42t-1.419.581m-12.851 10q-.933 0-1.541-.714q-.609-.713-.609-1.686q0-1.223.859-2.092q.858-.87 1.676-1.762q.725-.794 1.26-1.697q.534-.903 1.24-1.703q.492-.554 1.114-.95T12 10.625q.75 0 1.39.38q.64.382 1.114.955q.7.8 1.228 1.705q.528.906 1.234 1.706q.817.892 1.675 1.762q.859.869.859 2.092q0 .973-.609 1.686q-.608.714-1.541.714q-1.35 0-2.675-.225T12 21.175t-2.675.225t-2.675.225"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.501 11.625q-.84 0-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581 1.419t-.58 1.42t-1.419.581m3.08-4.58Q7 6.465 7 5.626t.58-1.42t1.419-.581t1.42.58T11 5.624t-.58 1.42t-1.419.581t-1.42-.58m6 0Q13 6.465 13 5.626t.58-1.42t1.419-.581t1.42.58T17 5.624t-.58 1.42t-1.419.581t-1.42-.58m5.92 4.58q-.84 0-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581 1.419t-.58 1.42t-1.419.581m-12.851 10q-.933 0-1.541-.714q-.609-.713-.609-1.686q0-1.223.859-2.092q.858-.87 1.676-1.762q.725-.794 1.26-1.697q.534-.903 1.24-1.703q.492-.554 1.114-.95T12 10.625q.75 0 1.39.38q.64.382 1.114.955q.7.8 1.228 1.705q.528.906 1.234 1.706q.817.892 1.675 1.762q.859.869.859 2.092q0 .973-.609 1.686q-.608.714-1.541.714q-1.35 0-2.675-.225T12 21.175t-2.675.225t-2.675.225"/></svg> </template>
CSS
.icon-pets {
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%22M4.501%2011.625q-.84%200-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581%201.419t-.58%201.42t-1.419.581m3.08-4.58Q7%206.465%207%205.626t.58-1.42t1.419-.581t1.42.58T11%205.624t-.58%201.42t-1.419.581t-1.42-.58m6%200Q13%206.465%2013%205.626t.58-1.42t1.419-.581t1.42.58T17%205.624t-.58%201.42t-1.419.581t-1.42-.58m5.92%204.58q-.84%200-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581%201.419t-.58%201.42t-1.419.581m-12.851%2010q-.933%200-1.541-.714q-.609-.713-.609-1.686q0-1.223.859-2.092q.858-.87%201.676-1.762q.725-.794%201.26-1.697q.534-.903%201.24-1.703q.492-.554%201.114-.95T12%2010.625q.75%200%201.39.38q.64.382%201.114.955q.7.8%201.228%201.705q.528.906%201.234%201.706q.817.892%201.675%201.762q.859.869.859%202.092q0%20.973-.609%201.686q-.608.714-1.541.714q-1.35%200-2.675-.225T12%2021.175t-2.675.225t-2.675.225%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%22M4.501%2011.625q-.84%200-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581%201.419t-.58%201.42t-1.419.581m3.08-4.58Q7%206.465%207%205.626t.58-1.42t1.419-.581t1.42.58T11%205.624t-.58%201.42t-1.419.581t-1.42-.58m6%200Q13%206.465%2013%205.626t.58-1.42t1.419-.581t1.42.58T17%205.624t-.58%201.42t-1.419.581t-1.42-.58m5.92%204.58q-.84%200-1.42-.58q-.581-.58-.581-1.419t.58-1.42t1.419-.581t1.42.58t.581%201.419t-.58%201.42t-1.419.581m-12.851%2010q-.933%200-1.541-.714q-.609-.713-.609-1.686q0-1.223.859-2.092q.858-.87%201.676-1.762q.725-.794%201.26-1.697q.534-.903%201.24-1.703q.492-.554%201.114-.95T12%2010.625q.75%200%201.39.38q.64.382%201.114.955q.7.8%201.228%201.705q.528.906%201.234%201.706q.817.892%201.675%201.762q.859.869.859%202.092q0%20.973-.609%201.686q-.608.714-1.541.714q-1.35%200-2.675-.225T12%2021.175t-2.675.225t-2.675.225%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/pets.svg?color=%231a73e8&size=48
