Dog icon

fxemoji:dog

The Dog icon (fxemoji:dog) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#AF773F" d="M191.216 372.712c51.878-56.326 102.039-218.309-14.63-325.765S-51.407 52.846 78.289 172.3"/><path fill="#D19B61" d="M335.307 46.959a235 235 0 0 0-18.386 18.89a210.2 210.2 0 0 0-61.103-9.071c-111.059 0-201.089 87.282-201.089 180.213c0 12.498 1.631 24.677 4.723 36.397c5.695 21.586 8.35 43.841 8.409 66.166q.001.447.007.896c.589 43.554 36.149 79.14 79.703 79.75c21.301.298 40.741-7.645 55.347-20.839c16.858 3.837 34.591 5.897 52.901 5.897s36.043-2.06 52.901-5.897c14.605 13.194 34.045 21.137 55.345 20.839c43.554-.609 79.115-36.194 79.704-79.749q.006-.45.007-.898c.058-22.325 2.715-44.582 8.409-66.169a142.4 142.4 0 0 0 4.722-36.394c0-24.339-6.185-48.287-17.297-70.385C559.694 49.427 450.173-58.669 335.307 46.959"/><path fill="#AF773F" d="M414.23 199.93c5.795-29.53-13.446-58.167-42.976-63.962s-58.167 13.446-63.962 42.976v.003l-.001-.001c-5.863 19.516-2.439 25.752-4.897 44.511c-2.625 20.04-5.982 14.962-10.646 38.726c-6.955 35.441 16.137 69.81 51.578 76.765c34.817 6.833 68.579-15.342 76.353-49.726c.146-.594.286-1.206.412-1.852c7.175-36.56-12.442-53.907-5.861-87.44"/><path fill="#FFA1E0" d="M295.789 443.158c0 30.607-17.896 55.419-39.972 55.419s-39.972-24.812-39.972-55.419s17.896-55.419 39.972-55.419s39.972 24.812 39.972 55.419m123.868-307.805l3.014-5.339c69.728-64.12 9.969-125.065-52.756-67.386c-6.321 5.812-11.717 11.927-16.309 18.247c26.167 13.711 48.742 32.52 66.051 54.478m-330.501-5.42l2.958 5.25c17.332-21.935 39.92-40.72 66.095-54.403c-4.576-6.3-9.951-12.395-16.244-18.191C79.286 4.86 19.479 65.758 89.156 129.933"/><path fill="#EADFD6" d="M367.328 354.672c-7.578-28.283-28.764-48.98-53.673-55.891v-55.806c0-31.943-25.895-57.837-57.837-57.837s-57.837 25.895-57.837 57.837v55.806c-24.909 6.911-46.095 27.608-53.673 55.891c-11.052 41.245 11.018 82.994 49.293 93.25c20.902 5.601 42.302.631 59.233-11.735V387.74h5.969v48.447c16.931 12.366 38.331 17.336 59.233 11.735c38.275-10.256 60.344-52.006 49.292-93.25"/><path fill="#AF773F" d="M190.818 405.257a3.578 3.578 0 1 1 7.156 0a3.578 3.578 0 0 1-7.156 0m-4.69-35.871a3.578 3.578 0 1 0 0-7.156a3.578 3.578 0 0 0 0 7.156m-21.889 25.51a3.578 3.578 0 1 0 0-7.156a3.578 3.578 0 0 0 0 7.156m152.643-32.667a3.578 3.578 0 1 0 0 7.156a3.578 3.578 0 0 0 0-7.156m8.268 39.45a3.578 3.578 0 1 0 0 7.156a3.578 3.578 0 0 0 0-7.156m21.889-25.51a3.578 3.578 0 1 0 0 7.156a3.578 3.578 0 0 0 0-7.156"/><path fill="#2B3B47" d="M150.118 210.228c14.344 0 25.972 11.628 25.972 25.972v38.659c0 14.344-11.628 25.972-25.972 25.972s-25.972-11.628-25.972-25.972V236.2c0-14.344 11.628-25.972 25.972-25.972m211.399 0c-14.344 0-25.972 11.628-25.972 25.972v38.659c0 14.344 11.628 25.972 25.972 25.972s25.972-11.628 25.972-25.972V236.2c0-14.344-11.628-25.972-25.972-25.972m-83.4 140.04s-10.988.393-21.976.555l-21.975-.555c-4.816-.094-9.71 1.933-13.011 5.939c-5.734 6.959-4.741 17.248 2.218 22.982l10.793 8.893s2.747 2.263 6.868 4.153c2.06.68 4.464 1.745 7.039 2.396l4.762.567v40.989a77 77 0 0 0 2.984-2.288a77 77 0 0 0 2.984 2.288v-40.584c1.845-.169 3.666-.615 5.408-.741c2.575-.035 4.979-1.593 7.039-2.282c4.121-1.809 6.868-4.498 6.868-4.498l11.467-11.228a15.5 15.5 0 0 0 4.615-11.615c-.309-8.576-7.509-15.278-16.083-14.971"/></svg>

How to use the Dog icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:dog" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:dog" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:dog" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--dog]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:dog"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:dog"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/dog.svg" alt="Dog icon" width="24" height="24">

Related icons in Firefox OS Emoji

Dog icon in other icon sets

Dog icon FAQ

Is the Dog icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Dog icon in React?

Install @iconify/react and render <Icon icon="fxemoji:dog" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dog icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/dog.svg" alt="Dog icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →