dog face emoji

dog-face from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.

Name
dog-face
Set
Twitter Emoji
Style
Default
Category
Animals & Nature
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

dog-faceEmoji One (Colored)dog-faceFluent Emojidog-faceFluent Emoji Flatdog-faceFluent Emoji High Contrastdog-faceNoto Emojidog-faceOpenMojidog-faceStreamline Emojis

More animals & nature icons from Twitter Emoji

antbaby-chickbadgerbatbearbeaverbeetlebirdbisonblack-birdblack-catblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunk

Use the dog face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M15 27v6s0 3 3 3s3-3 3-3v-6z"/><path fill="#be1931" d="m15 33l.001.037c1.041-.035 2.016-.274 2.632-1.286a.426.426 0 0 1 .735 0c.616 1.011 1.591 1.251 2.632 1.286V27h-6z"/><path fill="#d99e82" d="M31.954 21.619c0 6.276-5 6.276-5 6.276h-18s-5 0-5-6.276c0-6.724 5-18.619 14-18.619s14 12.895 14 18.619"/><path fill="#f4c7b5" d="M18 20c-7 0-10 3.527-10 6.395a5.5 5.5 0 0 0 5.5 5.5c1.605 0 3.042-.664 4.049-2.767a.495.495 0 0 1 .901 0c1.007 2.103 2.445 2.767 4.049 2.767a5.5 5.5 0 0 0 5.5-5.5C28 23.527 25 20 18 20"/><path fill="#292f33" d="M15 22.895c-1 1 2 4 3 4s4-3 3-4s-5-1-6 0M13 19c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2m10 0c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2"/><path fill="#662113" d="M15 3.608C13.941 2.199 11.681.881 2.828 4.2C-1.316 5.754.708 17.804 3.935 18.585c1.106 0 4.426 0 4.426-8.852c0-.22-.002-.423-.005-.625C10.35 6.298 12.5 4.857 15 3.608m18.172.592C24.319.881 22.059 2.199 21 3.608c2.5 1.25 4.65 2.691 6.644 5.501c-.003.201-.005.404-.005.625c0 8.852 3.319 8.852 4.426 8.852c3.227-.782 5.251-12.832 1.107-14.386"/><circle cx="23.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="11.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="25.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="10.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="23" cy="28" r="1" fill="#d99e82"/><circle cx="13" cy="28" r="1" fill="#d99e82"/><path fill="#380f09" d="M9.883 7.232c-.259-.673-.634-1.397-1.176-1.939a.999.999 0 1 0-1.414 1.414c.57.57 1.066 1.934 1.068 2.346c.145-.404.839-1.15 1.522-1.821m16.217 0c.259-.672.634-1.397 1.176-1.939a.999.999 0 1 1 1.414 1.414c-.57.57-1.066 1.934-1.068 2.346c-.145-.404-.839-1.15-1.522-1.821"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiDogFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M15 27v6s0 3 3 3s3-3 3-3v-6z"/><path fill="#be1931" d="m15 33l.001.037c1.041-.035 2.016-.274 2.632-1.286a.426.426 0 0 1 .735 0c.616 1.011 1.591 1.251 2.632 1.286V27h-6z"/><path fill="#d99e82" d="M31.954 21.619c0 6.276-5 6.276-5 6.276h-18s-5 0-5-6.276c0-6.724 5-18.619 14-18.619s14 12.895 14 18.619"/><path fill="#f4c7b5" d="M18 20c-7 0-10 3.527-10 6.395a5.5 5.5 0 0 0 5.5 5.5c1.605 0 3.042-.664 4.049-2.767a.495.495 0 0 1 .901 0c1.007 2.103 2.445 2.767 4.049 2.767a5.5 5.5 0 0 0 5.5-5.5C28 23.527 25 20 18 20"/><path fill="#292f33" d="M15 22.895c-1 1 2 4 3 4s4-3 3-4s-5-1-6 0M13 19c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2m10 0c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2"/><path fill="#662113" d="M15 3.608C13.941 2.199 11.681.881 2.828 4.2C-1.316 5.754.708 17.804 3.935 18.585c1.106 0 4.426 0 4.426-8.852c0-.22-.002-.423-.005-.625C10.35 6.298 12.5 4.857 15 3.608m18.172.592C24.319.881 22.059 2.199 21 3.608c2.5 1.25 4.65 2.691 6.644 5.501c-.003.201-.005.404-.005.625c0 8.852 3.319 8.852 4.426 8.852c3.227-.782 5.251-12.832 1.107-14.386"/><circle cx="23.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="11.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="25.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="10.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="23" cy="28" r="1" fill="#d99e82"/><circle cx="13" cy="28" r="1" fill="#d99e82"/><path fill="#380f09" d="M9.883 7.232c-.259-.673-.634-1.397-1.176-1.939a.999.999 0 1 0-1.414 1.414c.57.57 1.066 1.934 1.068 2.346c.145-.404.839-1.15 1.522-1.821m16.217 0c.259-.672.634-1.397 1.176-1.939a.999.999 0 1 1 1.414 1.414c-.57.57-1.066 1.934-1.068 2.346c-.145-.404-.839-1.15-1.522-1.821"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M15 27v6s0 3 3 3s3-3 3-3v-6z"/><path fill="#be1931" d="m15 33l.001.037c1.041-.035 2.016-.274 2.632-1.286a.426.426 0 0 1 .735 0c.616 1.011 1.591 1.251 2.632 1.286V27h-6z"/><path fill="#d99e82" d="M31.954 21.619c0 6.276-5 6.276-5 6.276h-18s-5 0-5-6.276c0-6.724 5-18.619 14-18.619s14 12.895 14 18.619"/><path fill="#f4c7b5" d="M18 20c-7 0-10 3.527-10 6.395a5.5 5.5 0 0 0 5.5 5.5c1.605 0 3.042-.664 4.049-2.767a.495.495 0 0 1 .901 0c1.007 2.103 2.445 2.767 4.049 2.767a5.5 5.5 0 0 0 5.5-5.5C28 23.527 25 20 18 20"/><path fill="#292f33" d="M15 22.895c-1 1 2 4 3 4s4-3 3-4s-5-1-6 0M13 19c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2m10 0c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2"/><path fill="#662113" d="M15 3.608C13.941 2.199 11.681.881 2.828 4.2C-1.316 5.754.708 17.804 3.935 18.585c1.106 0 4.426 0 4.426-8.852c0-.22-.002-.423-.005-.625C10.35 6.298 12.5 4.857 15 3.608m18.172.592C24.319.881 22.059 2.199 21 3.608c2.5 1.25 4.65 2.691 6.644 5.501c-.003.201-.005.404-.005.625c0 8.852 3.319 8.852 4.426 8.852c3.227-.782 5.251-12.832 1.107-14.386"/><circle cx="23.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="11.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="25.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="10.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="23" cy="28" r="1" fill="#d99e82"/><circle cx="13" cy="28" r="1" fill="#d99e82"/><path fill="#380f09" d="M9.883 7.232c-.259-.673-.634-1.397-1.176-1.939a.999.999 0 1 0-1.414 1.414c.57.57 1.066 1.934 1.068 2.346c.145-.404.839-1.15 1.522-1.821m16.217 0c.259-.672.634-1.397 1.176-1.939a.999.999 0 1 1 1.414 1.414c-.57.57-1.066 1.934-1.068 2.346c-.145-.404-.839-1.15-1.522-1.821"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M15%2027v6s0%203%203%203s3-3%203-3v-6z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22m15%2033l.001.037c1.041-.035%202.016-.274%202.632-1.286a.426.426%200%200%201%20.735%200c.616%201.011%201.591%201.251%202.632%201.286V27h-6z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M31.954%2021.619c0%206.276-5%206.276-5%206.276h-18s-5%200-5-6.276c0-6.724%205-18.619%2014-18.619s14%2012.895%2014%2018.619%22%2F%3E%3Cpath%20fill%3D%22%23f4c7b5%22%20d%3D%22M18%2020c-7%200-10%203.527-10%206.395a5.5%205.5%200%200%200%205.5%205.5c1.605%200%203.042-.664%204.049-2.767a.495.495%200%200%201%20.901%200c1.007%202.103%202.445%202.767%204.049%202.767a5.5%205.5%200%200%200%205.5-5.5C28%2023.527%2025%2020%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M15%2022.895c-1%201%202%204%203%204s4-3%203-4s-5-1-6%200M13%2019c-1.1%200-2-.9-2-2v-2c0-1.1.9-2%202-2s2%20.9%202%202v2c0%201.1-.9%202-2%202m10%200c-1.1%200-2-.9-2-2v-2c0-1.1.9-2%202-2s2%20.9%202%202v2c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M15%203.608C13.941%202.199%2011.681.881%202.828%204.2C-1.316%205.754.708%2017.804%203.935%2018.585c1.106%200%204.426%200%204.426-8.852c0-.22-.002-.423-.005-.625C10.35%206.298%2012.5%204.857%2015%203.608m18.172.592C24.319.881%2022.059%202.199%2021%203.608c2.5%201.25%204.65%202.691%206.644%205.501c-.003.201-.005.404-.005.625c0%208.852%203.319%208.852%204.426%208.852c3.227-.782%205.251-12.832%201.107-14.386%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2225.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2225.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2225.5%22%20cy%3D%2227.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2227.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2228%22%20r%3D%221%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2228%22%20r%3D%221%22%20fill%3D%22%23d99e82%22%2F%3E%3Cpath%20fill%3D%22%23380f09%22%20d%3D%22M9.883%207.232c-.259-.673-.634-1.397-1.176-1.939a.999.999%200%201%200-1.414%201.414c.57.57%201.066%201.934%201.068%202.346c.145-.404.839-1.15%201.522-1.821m16.217%200c.259-.672.634-1.397%201.176-1.939a.999.999%200%201%201%201.414%201.414c-.57.57-1.066%201.934-1.068%202.346c-.145-.404-.839-1.15-1.522-1.821%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M15%2027v6s0%203%203%203s3-3%203-3v-6z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22m15%2033l.001.037c1.041-.035%202.016-.274%202.632-1.286a.426.426%200%200%201%20.735%200c.616%201.011%201.591%201.251%202.632%201.286V27h-6z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M31.954%2021.619c0%206.276-5%206.276-5%206.276h-18s-5%200-5-6.276c0-6.724%205-18.619%2014-18.619s14%2012.895%2014%2018.619%22%2F%3E%3Cpath%20fill%3D%22%23f4c7b5%22%20d%3D%22M18%2020c-7%200-10%203.527-10%206.395a5.5%205.5%200%200%200%205.5%205.5c1.605%200%203.042-.664%204.049-2.767a.495.495%200%200%201%20.901%200c1.007%202.103%202.445%202.767%204.049%202.767a5.5%205.5%200%200%200%205.5-5.5C28%2023.527%2025%2020%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M15%2022.895c-1%201%202%204%203%204s4-3%203-4s-5-1-6%200M13%2019c-1.1%200-2-.9-2-2v-2c0-1.1.9-2%202-2s2%20.9%202%202v2c0%201.1-.9%202-2%202m10%200c-1.1%200-2-.9-2-2v-2c0-1.1.9-2%202-2s2%20.9%202%202v2c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M15%203.608C13.941%202.199%2011.681.881%202.828%204.2C-1.316%205.754.708%2017.804%203.935%2018.585c1.106%200%204.426%200%204.426-8.852c0-.22-.002-.423-.005-.625C10.35%206.298%2012.5%204.857%2015%203.608m18.172.592C24.319.881%2022.059%202.199%2021%203.608c2.5%201.25%204.65%202.691%206.644%205.501c-.003.201-.005.404-.005.625c0%208.852%203.319%208.852%204.426%208.852c3.227-.782%205.251-12.832%201.107-14.386%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2225.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2225.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2225.5%22%20cy%3D%2227.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2227.5%22%20r%3D%22.5%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2228%22%20r%3D%221%22%20fill%3D%22%23d99e82%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2228%22%20r%3D%221%22%20fill%3D%22%23d99e82%22%2F%3E%3Cpath%20fill%3D%22%23380f09%22%20d%3D%22M9.883%207.232c-.259-.673-.634-1.397-1.176-1.939a.999.999%200%201%200-1.414%201.414c.57.57%201.066%201.934%201.068%202.346c.145-.404.839-1.15%201.522-1.821m16.217%200c.259-.672.634-1.397%201.176-1.939a.999.999%200%201%201%201.414%201.414c-.57.57-1.066%201.934-1.068%202.346c-.145-.404-.839-1.15-1.522-1.821%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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