dog icon
dog from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- dog
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
dogBoxIcons v2 SoliddogEmoji One (Colored)dogFont Awesome 6 SoliddogFont Awesome SoliddogFluent EmojidogFluent Emoji FlatdogFluent Emoji High ContrastdogFirefox OS EmojidogIconParkdogIconPark OutlinedogIconPark SoliddogIconPark TwoTonedogLine AwesomedogLucidedogMaterial Design Iconsdog-fillMingCute IcondogNoto EmojidogOpenMojidogPhosphordogPixelarticonsdogStreamline EmojisdogTabler IconsdogWeb3 IconsdogWeb3 Icons Branded
Use the dog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M43.882 22.666c1.508-.66 2.652-1.778 3.725-2.9c1.223-1.279 1.239-2.882 1.239-3.721c0-1.334-1.253-2.386-3.29-2.435c-1.079-.026-1.738.243-2.637.898c-.644.468-2.153 2-1.48 3.253q.052.098.173.237a.52.52 0 0 1 .008.668a.47.47 0 0 1-.651.073l-.106-.082c-1.33-1.016-2.054-1.394-2.054-2.899c0-2.832 3.737-5.553 7.346-5.466c3.605.087 6.412 2.69 6.412 5.725c0 1.66-1.058 4.015-2.788 5.825a11.5 11.5 0 0 1-3.921 2.684q.141.232.29.503c.98 1.786.852 2.003.977 4.234c.124 2.232-.536 6.222-.283 8.188c.254 1.965 1.523 2.184 1.802 3.6q.265 1.346 1.317 11.68a1 1 0 0 1-.996 1.104h-2.057a1 1 0 0 1-.998-.998v-.497c0-.315.148-.612.4-.8l.318-.239a1 1 0 0 0 .383-.986q-.82-4.368-1.442-5.259c-.306-.44-1.688-1.157-3.47-2.547q-.479-.374-1.72-1.592a.5.5 0 0 0-.848.296q-.226 1.805-.561 3.042q-.405 1.492-2.489 7.777a1 1 0 0 1-.95.686h-2.618a.895.895 0 0 1-.894-.894v-.06a1 1 0 0 1 .821-.985l1.123-.206q1.209-4.416 1.055-6.469c-.072-.968-.726-2.094-1.385-4.054q-.206-.611-.578-2.5a.5.5 0 0 0-.617-.387l-6.663 1.726a.5.5 0 0 0-.316.72l.157.296c.3.562.456 1.19.456 1.827v9.36c0 .311-.145.605-.392.795l-1.397 1.07a1 1 0 0 1-.61.207H22.67a1 1 0 0 1-1-1.001v-.51c0-.363.195-.698.512-.875l.72-.402a1 1 0 0 0 .51-.958q-.17-2.027-.422-3.083q-.258-1.09-1.253-3.886a.5.5 0 0 0-.799-.21l-.195.168c-.489.423-1.086.7-1.724.803l-6.252 1a.5.5 0 0 0-.291.83l.665.732c.168.184.26.424.26.673v.654a1 1 0 0 1-1.03 1l-.82-.024a1 1 0 0 1-.767-.394L9.75 46.327a1 1 0 0 1-.205-.607v-1.988c0-.347.18-.67.475-.852q6.407-3.96 6.948-4.38q.561-.435.468-1.454c-.696-2.067-1.811-2.799-2.312-4.023s-1.43-5.03-1.89-6.492c-.925-2.94-1.737-4.495-1.956-4.96c-.492-1.044-1.36-1.192-2.277-1.552s-2.66-.306-3.794-1.301c-1.133-.996-1.029-2.036-1.293-3.168v-1.385c0-.553.449-1.001 1.002-1.001h2.716c.367 0 .704-.2.88-.523q.465-.854 1.486-1.631a8.6 8.6 0 0 1 3.039-1.469q-.375-4.671 0-5.277t2.087 1.896q.244-2.946.955-2.16q.663.735 2.288 5.34c.142.4.347.778.607 1.115q.682.882 1.232 2.11c.697 1.556 1.511 5.62 2.952 7.619c1.44 1.999 2.281 2.163 4.361 2.533c1.382.246 6.147-.54 10.05-.692c3.006-.118 5.424.388 5.86.5q.235.06.453.14"/></svg>
React
import type { SVGProps } from "react";
export function F7Dog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fillRule="evenodd" d="M43.882 22.666c1.508-.66 2.652-1.778 3.725-2.9c1.223-1.279 1.239-2.882 1.239-3.721c0-1.334-1.253-2.386-3.29-2.435c-1.079-.026-1.738.243-2.637.898c-.644.468-2.153 2-1.48 3.253q.052.098.173.237a.52.52 0 0 1 .008.668a.47.47 0 0 1-.651.073l-.106-.082c-1.33-1.016-2.054-1.394-2.054-2.899c0-2.832 3.737-5.553 7.346-5.466c3.605.087 6.412 2.69 6.412 5.725c0 1.66-1.058 4.015-2.788 5.825a11.5 11.5 0 0 1-3.921 2.684q.141.232.29.503c.98 1.786.852 2.003.977 4.234c.124 2.232-.536 6.222-.283 8.188c.254 1.965 1.523 2.184 1.802 3.6q.265 1.346 1.317 11.68a1 1 0 0 1-.996 1.104h-2.057a1 1 0 0 1-.998-.998v-.497c0-.315.148-.612.4-.8l.318-.239a1 1 0 0 0 .383-.986q-.82-4.368-1.442-5.259c-.306-.44-1.688-1.157-3.47-2.547q-.479-.374-1.72-1.592a.5.5 0 0 0-.848.296q-.226 1.805-.561 3.042q-.405 1.492-2.489 7.777a1 1 0 0 1-.95.686h-2.618a.895.895 0 0 1-.894-.894v-.06a1 1 0 0 1 .821-.985l1.123-.206q1.209-4.416 1.055-6.469c-.072-.968-.726-2.094-1.385-4.054q-.206-.611-.578-2.5a.5.5 0 0 0-.617-.387l-6.663 1.726a.5.5 0 0 0-.316.72l.157.296c.3.562.456 1.19.456 1.827v9.36c0 .311-.145.605-.392.795l-1.397 1.07a1 1 0 0 1-.61.207H22.67a1 1 0 0 1-1-1.001v-.51c0-.363.195-.698.512-.875l.72-.402a1 1 0 0 0 .51-.958q-.17-2.027-.422-3.083q-.258-1.09-1.253-3.886a.5.5 0 0 0-.799-.21l-.195.168c-.489.423-1.086.7-1.724.803l-6.252 1a.5.5 0 0 0-.291.83l.665.732c.168.184.26.424.26.673v.654a1 1 0 0 1-1.03 1l-.82-.024a1 1 0 0 1-.767-.394L9.75 46.327a1 1 0 0 1-.205-.607v-1.988c0-.347.18-.67.475-.852q6.407-3.96 6.948-4.38q.561-.435.468-1.454c-.696-2.067-1.811-2.799-2.312-4.023s-1.43-5.03-1.89-6.492c-.925-2.94-1.737-4.495-1.956-4.96c-.492-1.044-1.36-1.192-2.277-1.552s-2.66-.306-3.794-1.301c-1.133-.996-1.029-2.036-1.293-3.168v-1.385c0-.553.449-1.001 1.002-1.001h2.716c.367 0 .704-.2.88-.523q.465-.854 1.486-1.631a8.6 8.6 0 0 1 3.039-1.469q-.375-4.671 0-5.277t2.087 1.896q.244-2.946.955-2.16q.663.735 2.288 5.34c.142.4.347.778.607 1.115q.682.882 1.232 2.11c.697 1.556 1.511 5.62 2.952 7.619c1.44 1.999 2.281 2.163 4.361 2.533c1.382.246 6.147-.54 10.05-.692c3.006-.118 5.424.388 5.86.5q.235.06.453.14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M43.882 22.666c1.508-.66 2.652-1.778 3.725-2.9c1.223-1.279 1.239-2.882 1.239-3.721c0-1.334-1.253-2.386-3.29-2.435c-1.079-.026-1.738.243-2.637.898c-.644.468-2.153 2-1.48 3.253q.052.098.173.237a.52.52 0 0 1 .008.668a.47.47 0 0 1-.651.073l-.106-.082c-1.33-1.016-2.054-1.394-2.054-2.899c0-2.832 3.737-5.553 7.346-5.466c3.605.087 6.412 2.69 6.412 5.725c0 1.66-1.058 4.015-2.788 5.825a11.5 11.5 0 0 1-3.921 2.684q.141.232.29.503c.98 1.786.852 2.003.977 4.234c.124 2.232-.536 6.222-.283 8.188c.254 1.965 1.523 2.184 1.802 3.6q.265 1.346 1.317 11.68a1 1 0 0 1-.996 1.104h-2.057a1 1 0 0 1-.998-.998v-.497c0-.315.148-.612.4-.8l.318-.239a1 1 0 0 0 .383-.986q-.82-4.368-1.442-5.259c-.306-.44-1.688-1.157-3.47-2.547q-.479-.374-1.72-1.592a.5.5 0 0 0-.848.296q-.226 1.805-.561 3.042q-.405 1.492-2.489 7.777a1 1 0 0 1-.95.686h-2.618a.895.895 0 0 1-.894-.894v-.06a1 1 0 0 1 .821-.985l1.123-.206q1.209-4.416 1.055-6.469c-.072-.968-.726-2.094-1.385-4.054q-.206-.611-.578-2.5a.5.5 0 0 0-.617-.387l-6.663 1.726a.5.5 0 0 0-.316.72l.157.296c.3.562.456 1.19.456 1.827v9.36c0 .311-.145.605-.392.795l-1.397 1.07a1 1 0 0 1-.61.207H22.67a1 1 0 0 1-1-1.001v-.51c0-.363.195-.698.512-.875l.72-.402a1 1 0 0 0 .51-.958q-.17-2.027-.422-3.083q-.258-1.09-1.253-3.886a.5.5 0 0 0-.799-.21l-.195.168c-.489.423-1.086.7-1.724.803l-6.252 1a.5.5 0 0 0-.291.83l.665.732c.168.184.26.424.26.673v.654a1 1 0 0 1-1.03 1l-.82-.024a1 1 0 0 1-.767-.394L9.75 46.327a1 1 0 0 1-.205-.607v-1.988c0-.347.18-.67.475-.852q6.407-3.96 6.948-4.38q.561-.435.468-1.454c-.696-2.067-1.811-2.799-2.312-4.023s-1.43-5.03-1.89-6.492c-.925-2.94-1.737-4.495-1.956-4.96c-.492-1.044-1.36-1.192-2.277-1.552s-2.66-.306-3.794-1.301c-1.133-.996-1.029-2.036-1.293-3.168v-1.385c0-.553.449-1.001 1.002-1.001h2.716c.367 0 .704-.2.88-.523q.465-.854 1.486-1.631a8.6 8.6 0 0 1 3.039-1.469q-.375-4.671 0-5.277t2.087 1.896q.244-2.946.955-2.16q.663.735 2.288 5.34c.142.4.347.778.607 1.115q.682.882 1.232 2.11c.697 1.556 1.511 5.62 2.952 7.619c1.44 1.999 2.281 2.163 4.361 2.533c1.382.246 6.147-.54 10.05-.692c3.006-.118 5.424.388 5.86.5q.235.06.453.14"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M43.882%2022.666c1.508-.66%202.652-1.778%203.725-2.9c1.223-1.279%201.239-2.882%201.239-3.721c0-1.334-1.253-2.386-3.29-2.435c-1.079-.026-1.738.243-2.637.898c-.644.468-2.153%202-1.48%203.253q.052.098.173.237a.52.52%200%200%201%20.008.668a.47.47%200%200%201-.651.073l-.106-.082c-1.33-1.016-2.054-1.394-2.054-2.899c0-2.832%203.737-5.553%207.346-5.466c3.605.087%206.412%202.69%206.412%205.725c0%201.66-1.058%204.015-2.788%205.825a11.5%2011.5%200%200%201-3.921%202.684q.141.232.29.503c.98%201.786.852%202.003.977%204.234c.124%202.232-.536%206.222-.283%208.188c.254%201.965%201.523%202.184%201.802%203.6q.265%201.346%201.317%2011.68a1%201%200%200%201-.996%201.104h-2.057a1%201%200%200%201-.998-.998v-.497c0-.315.148-.612.4-.8l.318-.239a1%201%200%200%200%20.383-.986q-.82-4.368-1.442-5.259c-.306-.44-1.688-1.157-3.47-2.547q-.479-.374-1.72-1.592a.5.5%200%200%200-.848.296q-.226%201.805-.561%203.042q-.405%201.492-2.489%207.777a1%201%200%200%201-.95.686h-2.618a.895.895%200%200%201-.894-.894v-.06a1%201%200%200%201%20.821-.985l1.123-.206q1.209-4.416%201.055-6.469c-.072-.968-.726-2.094-1.385-4.054q-.206-.611-.578-2.5a.5.5%200%200%200-.617-.387l-6.663%201.726a.5.5%200%200%200-.316.72l.157.296c.3.562.456%201.19.456%201.827v9.36c0%20.311-.145.605-.392.795l-1.397%201.07a1%201%200%200%201-.61.207H22.67a1%201%200%200%201-1-1.001v-.51c0-.363.195-.698.512-.875l.72-.402a1%201%200%200%200%20.51-.958q-.17-2.027-.422-3.083q-.258-1.09-1.253-3.886a.5.5%200%200%200-.799-.21l-.195.168c-.489.423-1.086.7-1.724.803l-6.252%201a.5.5%200%200%200-.291.83l.665.732c.168.184.26.424.26.673v.654a1%201%200%200%201-1.03%201l-.82-.024a1%201%200%200%201-.767-.394L9.75%2046.327a1%201%200%200%201-.205-.607v-1.988c0-.347.18-.67.475-.852q6.407-3.96%206.948-4.38q.561-.435.468-1.454c-.696-2.067-1.811-2.799-2.312-4.023s-1.43-5.03-1.89-6.492c-.925-2.94-1.737-4.495-1.956-4.96c-.492-1.044-1.36-1.192-2.277-1.552s-2.66-.306-3.794-1.301c-1.133-.996-1.029-2.036-1.293-3.168v-1.385c0-.553.449-1.001%201.002-1.001h2.716c.367%200%20.704-.2.88-.523q.465-.854%201.486-1.631a8.6%208.6%200%200%201%203.039-1.469q-.375-4.671%200-5.277t2.087%201.896q.244-2.946.955-2.16q.663.735%202.288%205.34c.142.4.347.778.607%201.115q.682.882%201.232%202.11c.697%201.556%201.511%205.62%202.952%207.619c1.44%201.999%202.281%202.163%204.361%202.533c1.382.246%206.147-.54%2010.05-.692c3.006-.118%205.424.388%205.86.5q.235.06.453.14%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M43.882%2022.666c1.508-.66%202.652-1.778%203.725-2.9c1.223-1.279%201.239-2.882%201.239-3.721c0-1.334-1.253-2.386-3.29-2.435c-1.079-.026-1.738.243-2.637.898c-.644.468-2.153%202-1.48%203.253q.052.098.173.237a.52.52%200%200%201%20.008.668a.47.47%200%200%201-.651.073l-.106-.082c-1.33-1.016-2.054-1.394-2.054-2.899c0-2.832%203.737-5.553%207.346-5.466c3.605.087%206.412%202.69%206.412%205.725c0%201.66-1.058%204.015-2.788%205.825a11.5%2011.5%200%200%201-3.921%202.684q.141.232.29.503c.98%201.786.852%202.003.977%204.234c.124%202.232-.536%206.222-.283%208.188c.254%201.965%201.523%202.184%201.802%203.6q.265%201.346%201.317%2011.68a1%201%200%200%201-.996%201.104h-2.057a1%201%200%200%201-.998-.998v-.497c0-.315.148-.612.4-.8l.318-.239a1%201%200%200%200%20.383-.986q-.82-4.368-1.442-5.259c-.306-.44-1.688-1.157-3.47-2.547q-.479-.374-1.72-1.592a.5.5%200%200%200-.848.296q-.226%201.805-.561%203.042q-.405%201.492-2.489%207.777a1%201%200%200%201-.95.686h-2.618a.895.895%200%200%201-.894-.894v-.06a1%201%200%200%201%20.821-.985l1.123-.206q1.209-4.416%201.055-6.469c-.072-.968-.726-2.094-1.385-4.054q-.206-.611-.578-2.5a.5.5%200%200%200-.617-.387l-6.663%201.726a.5.5%200%200%200-.316.72l.157.296c.3.562.456%201.19.456%201.827v9.36c0%20.311-.145.605-.392.795l-1.397%201.07a1%201%200%200%201-.61.207H22.67a1%201%200%200%201-1-1.001v-.51c0-.363.195-.698.512-.875l.72-.402a1%201%200%200%200%20.51-.958q-.17-2.027-.422-3.083q-.258-1.09-1.253-3.886a.5.5%200%200%200-.799-.21l-.195.168c-.489.423-1.086.7-1.724.803l-6.252%201a.5.5%200%200%200-.291.83l.665.732c.168.184.26.424.26.673v.654a1%201%200%200%201-1.03%201l-.82-.024a1%201%200%200%201-.767-.394L9.75%2046.327a1%201%200%200%201-.205-.607v-1.988c0-.347.18-.67.475-.852q6.407-3.96%206.948-4.38q.561-.435.468-1.454c-.696-2.067-1.811-2.799-2.312-4.023s-1.43-5.03-1.89-6.492c-.925-2.94-1.737-4.495-1.956-4.96c-.492-1.044-1.36-1.192-2.277-1.552s-2.66-.306-3.794-1.301c-1.133-.996-1.029-2.036-1.293-3.168v-1.385c0-.553.449-1.001%201.002-1.001h2.716c.367%200%20.704-.2.88-.523q.465-.854%201.486-1.631a8.6%208.6%200%200%201%203.039-1.469q-.375-4.671%200-5.277t2.087%201.896q.244-2.946.955-2.16q.663.735%202.288%205.34c.142.4.347.778.607%201.115q.682.882%201.232%202.11c.697%201.556%201.511%205.62%202.952%207.619c1.44%201.999%202.281%202.163%204.361%202.533c1.382.246%206.147-.54%2010.05-.692c3.006-.118%205.424.388%205.86.5q.235.06.453.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/dog.svg?color=%231a73e8&size=48
