dog face emoji

dog-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
dog-face
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

dog-faceFluent Emojidog-faceFluent Emoji Flatdog-faceFluent Emoji High Contrastdog-faceNoto Emojidog-faceOpenMojidog-faceStreamline Emojisdog-faceTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the dog face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f5d1ac" d="M15.8 52.1C9 47.7 6.3 30.6 8.5 22.9c1.6-5.8 7.8-14.3 13.4-16.5c4.7-1.9 15.5-1.9 20.1 0c5.6 2.2 11.8 10.7 13.4 16.5c2.2 7.8.5 24.8-6.2 29.2c-14.2 9.2-19.2 9.2-33.4 0"/><path fill="#423223" d="M5.1 24.7c3.6 7.9 4.5 8.2 7.9-1.2c1.8-5 .5-8 2.7-11.2c1.2-1.8 3.9-4.8 3.9-4.8S-1.7 9.7 5.1 24.7"/><path fill="#947151" d="M14.2 7.2c-5.4 3.5-16.9 2.1-10.1 17c3.6 7.9 4.5 8.2 7.9-1.2c1.8-5 .5-8 2.7-11.2c1.2-1.8 4.9-4.3 4.9-4.3s-1.7-2.7-5.4-.3"/><path fill="#423223" d="M58.9 24.6c-3.6 7.9-4.5 8.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-3.9-4.8-3.9-4.8s21.3 2.3 14.5 17.2"/><path fill="#947151" d="M49.8 7.2c5.4 3.5 16.9 2.1 10.1 17c-3.6 7.9-4.5 8.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-4.9-4.3-4.9-4.3s1.7-2.7 5.4-.3"/><circle cx="17.7" cy="30.7" r="6" fill="#fff"/><circle cx="16.2" cy="30.7" r="4.5" fill="#3e4347"/><circle cx="46.3" cy="30.7" r="6" fill="#fff"/><circle cx="47.8" cy="30.7" r="4.5" fill="#3e4347"/><path fill="#7d644b" d="m21.7 48.8l4.6 4.9c2.8 2.9 8.5 2.9 11.3 0l4.7-4.9l-4.8-5h-11z"/><path fill="#f15a61" d="M32 39.6s-4.9 7-4.3 10.3c.8 4.8 7.7 4.8 8.6 0c.6-3.3-4.3-10.3-4.3-10.3"/><path fill="#ba454b" d="m32 51.7l1.1-6.7h-2.2z"/><path fill="#423223" d="M27 41.5h10v4.6H27z"/><path fill="#947151" d="m47.8 42.6l-7.1-7.5c-4.3-4.5-13.1-4.5-17.4 0l-7.1 7.5c-2 2.1-2 5.6 0 7.7s5.3 2.1 7.3 0l7.1-7.5c.7-.7 2-.7 2.7 0l7.1 7.5c2 2.1 5.3 2.1 7.3 0c2.2-2.1 2.2-5.6.1-7.7"/><path fill="#3e4347" d="M26.1 35.7c0-2.6 2.6-3.1 5.9-3.1s5.9.5 5.9 3.1c0 2.1-4.7 3.9-5.9 3.9s-5.9-1.9-5.9-3.9m-2.79 3.312l.989-.992l.991.989l-.989.991zm-2.363 2.799l.989-.991l.99.989l-.988.99zm3.178.952l.989-.991l.991.988l-.988.992zm14.578-3.775l.992-.988l.988.991l-.991.989zm2.425 2.774l.992-.989l.988.991l-.991.989zm-3.181 1.049l.991-.988l.989.99l-.991.99z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneDogFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f5d1ac" d="M15.8 52.1C9 47.7 6.3 30.6 8.5 22.9c1.6-5.8 7.8-14.3 13.4-16.5c4.7-1.9 15.5-1.9 20.1 0c5.6 2.2 11.8 10.7 13.4 16.5c2.2 7.8.5 24.8-6.2 29.2c-14.2 9.2-19.2 9.2-33.4 0"/><path fill="#423223" d="M5.1 24.7c3.6 7.9 4.5 8.2 7.9-1.2c1.8-5 .5-8 2.7-11.2c1.2-1.8 3.9-4.8 3.9-4.8S-1.7 9.7 5.1 24.7"/><path fill="#947151" d="M14.2 7.2c-5.4 3.5-16.9 2.1-10.1 17c3.6 7.9 4.5 8.2 7.9-1.2c1.8-5 .5-8 2.7-11.2c1.2-1.8 4.9-4.3 4.9-4.3s-1.7-2.7-5.4-.3"/><path fill="#423223" d="M58.9 24.6c-3.6 7.9-4.5 8.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-3.9-4.8-3.9-4.8s21.3 2.3 14.5 17.2"/><path fill="#947151" d="M49.8 7.2c5.4 3.5 16.9 2.1 10.1 17c-3.6 7.9-4.5 8.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-4.9-4.3-4.9-4.3s1.7-2.7 5.4-.3"/><circle cx="17.7" cy="30.7" r="6" fill="#fff"/><circle cx="16.2" cy="30.7" r="4.5" fill="#3e4347"/><circle cx="46.3" cy="30.7" r="6" fill="#fff"/><circle cx="47.8" cy="30.7" r="4.5" fill="#3e4347"/><path fill="#7d644b" d="m21.7 48.8l4.6 4.9c2.8 2.9 8.5 2.9 11.3 0l4.7-4.9l-4.8-5h-11z"/><path fill="#f15a61" d="M32 39.6s-4.9 7-4.3 10.3c.8 4.8 7.7 4.8 8.6 0c.6-3.3-4.3-10.3-4.3-10.3"/><path fill="#ba454b" d="m32 51.7l1.1-6.7h-2.2z"/><path fill="#423223" d="M27 41.5h10v4.6H27z"/><path fill="#947151" d="m47.8 42.6l-7.1-7.5c-4.3-4.5-13.1-4.5-17.4 0l-7.1 7.5c-2 2.1-2 5.6 0 7.7s5.3 2.1 7.3 0l7.1-7.5c.7-.7 2-.7 2.7 0l7.1 7.5c2 2.1 5.3 2.1 7.3 0c2.2-2.1 2.2-5.6.1-7.7"/><path fill="#3e4347" d="M26.1 35.7c0-2.6 2.6-3.1 5.9-3.1s5.9.5 5.9 3.1c0 2.1-4.7 3.9-5.9 3.9s-5.9-1.9-5.9-3.9m-2.79 3.312l.989-.992l.991.989l-.989.991zm-2.363 2.799l.989-.991l.99.989l-.988.99zm3.178.952l.989-.991l.991.988l-.988.992zm14.578-3.775l.992-.988l.988.991l-.991.989zm2.425 2.774l.992-.989l.988.991l-.991.989zm-3.181 1.049l.991-.988l.989.99l-.991.99z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f5d1ac" d="M15.8 52.1C9 47.7 6.3 30.6 8.5 22.9c1.6-5.8 7.8-14.3 13.4-16.5c4.7-1.9 15.5-1.9 20.1 0c5.6 2.2 11.8 10.7 13.4 16.5c2.2 7.8.5 24.8-6.2 29.2c-14.2 9.2-19.2 9.2-33.4 0"/><path fill="#423223" d="M5.1 24.7c3.6 7.9 4.5 8.2 7.9-1.2c1.8-5 .5-8 2.7-11.2c1.2-1.8 3.9-4.8 3.9-4.8S-1.7 9.7 5.1 24.7"/><path fill="#947151" d="M14.2 7.2c-5.4 3.5-16.9 2.1-10.1 17c3.6 7.9 4.5 8.2 7.9-1.2c1.8-5 .5-8 2.7-11.2c1.2-1.8 4.9-4.3 4.9-4.3s-1.7-2.7-5.4-.3"/><path fill="#423223" d="M58.9 24.6c-3.6 7.9-4.5 8.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-3.9-4.8-3.9-4.8s21.3 2.3 14.5 17.2"/><path fill="#947151" d="M49.8 7.2c5.4 3.5 16.9 2.1 10.1 17c-3.6 7.9-4.5 8.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-4.9-4.3-4.9-4.3s1.7-2.7 5.4-.3"/><circle cx="17.7" cy="30.7" r="6" fill="#fff"/><circle cx="16.2" cy="30.7" r="4.5" fill="#3e4347"/><circle cx="46.3" cy="30.7" r="6" fill="#fff"/><circle cx="47.8" cy="30.7" r="4.5" fill="#3e4347"/><path fill="#7d644b" d="m21.7 48.8l4.6 4.9c2.8 2.9 8.5 2.9 11.3 0l4.7-4.9l-4.8-5h-11z"/><path fill="#f15a61" d="M32 39.6s-4.9 7-4.3 10.3c.8 4.8 7.7 4.8 8.6 0c.6-3.3-4.3-10.3-4.3-10.3"/><path fill="#ba454b" d="m32 51.7l1.1-6.7h-2.2z"/><path fill="#423223" d="M27 41.5h10v4.6H27z"/><path fill="#947151" d="m47.8 42.6l-7.1-7.5c-4.3-4.5-13.1-4.5-17.4 0l-7.1 7.5c-2 2.1-2 5.6 0 7.7s5.3 2.1 7.3 0l7.1-7.5c.7-.7 2-.7 2.7 0l7.1 7.5c2 2.1 5.3 2.1 7.3 0c2.2-2.1 2.2-5.6.1-7.7"/><path fill="#3e4347" d="M26.1 35.7c0-2.6 2.6-3.1 5.9-3.1s5.9.5 5.9 3.1c0 2.1-4.7 3.9-5.9 3.9s-5.9-1.9-5.9-3.9m-2.79 3.312l.989-.992l.991.989l-.989.991zm-2.363 2.799l.989-.991l.99.989l-.988.99zm3.178.952l.989-.991l.991.988l-.988.992zm14.578-3.775l.992-.988l.988.991l-.991.989zm2.425 2.774l.992-.989l.988.991l-.991.989zm-3.181 1.049l.991-.988l.989.99l-.991.99z"/></svg>
</template>

CSS

.icon-dog-face {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f5d1ac%22%20d%3D%22M15.8%2052.1C9%2047.7%206.3%2030.6%208.5%2022.9c1.6-5.8%207.8-14.3%2013.4-16.5c4.7-1.9%2015.5-1.9%2020.1%200c5.6%202.2%2011.8%2010.7%2013.4%2016.5c2.2%207.8.5%2024.8-6.2%2029.2c-14.2%209.2-19.2%209.2-33.4%200%22%2F%3E%3Cpath%20fill%3D%22%23423223%22%20d%3D%22M5.1%2024.7c3.6%207.9%204.5%208.2%207.9-1.2c1.8-5%20.5-8%202.7-11.2c1.2-1.8%203.9-4.8%203.9-4.8S-1.7%209.7%205.1%2024.7%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M14.2%207.2c-5.4%203.5-16.9%202.1-10.1%2017c3.6%207.9%204.5%208.2%207.9-1.2c1.8-5%20.5-8%202.7-11.2c1.2-1.8%204.9-4.3%204.9-4.3s-1.7-2.7-5.4-.3%22%2F%3E%3Cpath%20fill%3D%22%23423223%22%20d%3D%22M58.9%2024.6c-3.6%207.9-4.5%208.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-3.9-4.8-3.9-4.8s21.3%202.3%2014.5%2017.2%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M49.8%207.2c5.4%203.5%2016.9%202.1%2010.1%2017c-3.6%207.9-4.5%208.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-4.9-4.3-4.9-4.3s1.7-2.7%205.4-.3%22%2F%3E%3Ccircle%20cx%3D%2217.7%22%20cy%3D%2230.7%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2216.2%22%20cy%3D%2230.7%22%20r%3D%224.5%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2246.3%22%20cy%3D%2230.7%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2247.8%22%20cy%3D%2230.7%22%20r%3D%224.5%22%20fill%3D%22%233e4347%22%2F%3E%3Cpath%20fill%3D%22%237d644b%22%20d%3D%22m21.7%2048.8l4.6%204.9c2.8%202.9%208.5%202.9%2011.3%200l4.7-4.9l-4.8-5h-11z%22%2F%3E%3Cpath%20fill%3D%22%23f15a61%22%20d%3D%22M32%2039.6s-4.9%207-4.3%2010.3c.8%204.8%207.7%204.8%208.6%200c.6-3.3-4.3-10.3-4.3-10.3%22%2F%3E%3Cpath%20fill%3D%22%23ba454b%22%20d%3D%22m32%2051.7l1.1-6.7h-2.2z%22%2F%3E%3Cpath%20fill%3D%22%23423223%22%20d%3D%22M27%2041.5h10v4.6H27z%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22m47.8%2042.6l-7.1-7.5c-4.3-4.5-13.1-4.5-17.4%200l-7.1%207.5c-2%202.1-2%205.6%200%207.7s5.3%202.1%207.3%200l7.1-7.5c.7-.7%202-.7%202.7%200l7.1%207.5c2%202.1%205.3%202.1%207.3%200c2.2-2.1%202.2-5.6.1-7.7%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26.1%2035.7c0-2.6%202.6-3.1%205.9-3.1s5.9.5%205.9%203.1c0%202.1-4.7%203.9-5.9%203.9s-5.9-1.9-5.9-3.9m-2.79%203.312l.989-.992l.991.989l-.989.991zm-2.363%202.799l.989-.991l.99.989l-.988.99zm3.178.952l.989-.991l.991.988l-.988.992zm14.578-3.775l.992-.988l.988.991l-.991.989zm2.425%202.774l.992-.989l.988.991l-.991.989zm-3.181%201.049l.991-.988l.989.99l-.991.99z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f5d1ac%22%20d%3D%22M15.8%2052.1C9%2047.7%206.3%2030.6%208.5%2022.9c1.6-5.8%207.8-14.3%2013.4-16.5c4.7-1.9%2015.5-1.9%2020.1%200c5.6%202.2%2011.8%2010.7%2013.4%2016.5c2.2%207.8.5%2024.8-6.2%2029.2c-14.2%209.2-19.2%209.2-33.4%200%22%2F%3E%3Cpath%20fill%3D%22%23423223%22%20d%3D%22M5.1%2024.7c3.6%207.9%204.5%208.2%207.9-1.2c1.8-5%20.5-8%202.7-11.2c1.2-1.8%203.9-4.8%203.9-4.8S-1.7%209.7%205.1%2024.7%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M14.2%207.2c-5.4%203.5-16.9%202.1-10.1%2017c3.6%207.9%204.5%208.2%207.9-1.2c1.8-5%20.5-8%202.7-11.2c1.2-1.8%204.9-4.3%204.9-4.3s-1.7-2.7-5.4-.3%22%2F%3E%3Cpath%20fill%3D%22%23423223%22%20d%3D%22M58.9%2024.6c-3.6%207.9-4.5%208.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-3.9-4.8-3.9-4.8s21.3%202.3%2014.5%2017.2%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M49.8%207.2c5.4%203.5%2016.9%202.1%2010.1%2017c-3.6%207.9-4.5%208.2-7.9-1.2c-1.8-5-.5-8-2.7-11.2c-1.2-1.8-4.9-4.3-4.9-4.3s1.7-2.7%205.4-.3%22%2F%3E%3Ccircle%20cx%3D%2217.7%22%20cy%3D%2230.7%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2216.2%22%20cy%3D%2230.7%22%20r%3D%224.5%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2246.3%22%20cy%3D%2230.7%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2247.8%22%20cy%3D%2230.7%22%20r%3D%224.5%22%20fill%3D%22%233e4347%22%2F%3E%3Cpath%20fill%3D%22%237d644b%22%20d%3D%22m21.7%2048.8l4.6%204.9c2.8%202.9%208.5%202.9%2011.3%200l4.7-4.9l-4.8-5h-11z%22%2F%3E%3Cpath%20fill%3D%22%23f15a61%22%20d%3D%22M32%2039.6s-4.9%207-4.3%2010.3c.8%204.8%207.7%204.8%208.6%200c.6-3.3-4.3-10.3-4.3-10.3%22%2F%3E%3Cpath%20fill%3D%22%23ba454b%22%20d%3D%22m32%2051.7l1.1-6.7h-2.2z%22%2F%3E%3Cpath%20fill%3D%22%23423223%22%20d%3D%22M27%2041.5h10v4.6H27z%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22m47.8%2042.6l-7.1-7.5c-4.3-4.5-13.1-4.5-17.4%200l-7.1%207.5c-2%202.1-2%205.6%200%207.7s5.3%202.1%207.3%200l7.1-7.5c.7-.7%202-.7%202.7%200l7.1%207.5c2%202.1%205.3%202.1%207.3%200c2.2-2.1%202.2-5.6.1-7.7%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26.1%2035.7c0-2.6%202.6-3.1%205.9-3.1s5.9.5%205.9%203.1c0%202.1-4.7%203.9-5.9%203.9s-5.9-1.9-5.9-3.9m-2.79%203.312l.989-.992l.991.989l-.989.991zm-2.363%202.799l.989-.991l.99.989l-.988.99zm3.178.952l.989-.991l.991.988l-.988.992zm14.578-3.775l.992-.988l.988.991l-.991.989zm2.425%202.774l.992-.989l.988.991l-.991.989zm-3.181%201.049l.991-.988l.989.99l-.991.99z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/dog-face.svg?color=%231a73e8&size=48