Dogside icon

fxemoji:dogside

The Dogside icon (fxemoji:dogside) 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="M90.441 116.07c-15.94-54.175-3.664-82.26 28.807-37.719s17.584 98.012-3.92 113.688m29.562 79.543c.833 56.714-6.142 102.559-13.484 145.072c-4.608-1.145-9.154-1.772-12.563-1.772c-9.048 0-12.962 11.212-12.962 11.212c-4.84 6.649.077 15.994 8.301 15.994H141.6c4.081 0 7.346-2.303 9.01-5.434l.49.085s22.425-48.452 28.155-81.55l14.527-83.909zm291.332-30.969l-86.377-22.069c-43.131 37.243-2.034 122.161 14.36 144.739c15.482 21.321 13.588 45.504 10.139 60.332c-4.075-.915-8.008-1.414-11.041-1.414c-9.048 0-12.962 11.212-12.962 11.212c-4.84 6.649.077 15.994 8.301 15.994h27.418a10.05 10.05 0 0 0 7.535-3.329c1.642-1.326 2.77-3.723 3.055-7.618c1.516-20.692 18.207-37.204 12.432-55.134c-17.904-55.59 22.639-81.276 27.14-142.713"/><path fill="#D19B61" d="M469.391 137.423c-2.001-7.466-5.731-14.435-11.228-20.222a39 39 0 0 0-9.623-7.368c-3.618-1.96-7.629-3.306-11.643-3.856a35 35 0 0 0-11.557.34c-3.598.72-6.804 1.942-9.657 3.337c-.721.344-1.391.725-2.076 1.087c-.658.386-1.307.775-1.936 1.169l-2.035 1.354l-1.74 1.374c-.823.641-1.371 1.189-1.98 1.762c-.584.588-1.155 1.176-1.674 1.801c-1.057 1.232-1.972 2.541-2.787 3.864c-3.214 5.328-4.418 11.317-3.583 16.632c.396 2.651 1.298 5.094 2.499 7.111a17.5 17.5 0 0 0 4.096 4.764c1.432 1.156 2.816 1.959 4.029 2.475c1.207.543 2.241.874 3.068 1.087c.827.244 1.464.315 1.886.394l.64.104a4.72 4.72 0 0 0 3.57-8.45l-.703-.521l-.327-.242c-.213-.157-.538-.384-.896-.702c-.743-.596-1.682-1.61-2.209-2.808c-.547-1.207-.585-2.515-.146-4.013c.216-.748.621-1.567 1.144-2.388c.538-.82 1.282-1.628 2.121-2.357c.444-.352.897-.696 1.404-.987c.247-.149.51-.284.761-.426c.26-.117.567-.296.684-.285l.113-.03l.054-.018l.172-.08l.782-.368l.196-.092c.077-.044-.484.295-.229.145l.038-.015l.076-.029l.304-.118l.607-.239a34 34 0 0 1 2.412-.773c1.589-.422 3.14-.656 4.546-.618c1.41-.014 2.668.227 3.809.632c1.131.443 2.182.994 3.198 1.799c1.018.8 1.968 1.854 2.887 3.069c1.81 2.462 3.185 5.809 3.788 9.205c.572 3.405.394 6.825-.493 9.382a16 16 0 0 1-.731 1.778c-.129.259-.316.598-.316.598c-.022.038.009.001-.052.105l-.267.432l-.267.431l-.033.054l-.005.009l.155-.252l-.053.077l-.105.154a60 60 0 0 1-3.546 4.693c-1.276 1.455-2.578 2.859-3.951 4.159c-1.391 1.277-2.789 2.52-4.247 3.635a62 62 0 0 1-8.816 5.697a59 59 0 0 1-4.385 2.138c-8.878-5.463-18.81-8.177-28.53-8.226c-28.668-.147-49.803 14.413-102.361 14.144c-37.936-.194-72.313-5.654-93.552-19.25a30.7 30.7 0 0 0-4.62-3.237c-.28-.217-.567-.421-.852-.629c-3.208-2.824-7.257-11.265-13.383-20.931c2.809-17.848 2.35-39.654-3.584-55.781c-18.435-50.096-53.779-38.368-50.7 17.562c-43.415-4.158-68.681 20.145-72.826 56.897a57.5 57.5 0 0 0 .248 14.808c1.307 8.913-11.886 16.462-12.873 25.417l-.038.36c-1.589 16.034 29.778 28.274 41.266 29.57c20.692 2.334 40.487-16.686 45.652.614c4.484 33.585 27.575 83.671 60.329 102.036c12.803 42.355 21.6 62.091 13.719 93.546c-4.442-1.07-8.792-1.656-12.082-1.656c-9.048 0-12.962 11.212-12.962 11.212c-4.84 6.649.077 15.994 8.301 15.994h27.418c6.109 0 10.389-5.157 10.205-10.534h.761s10.143-36.07 10.143-59.566c0-10.696.764-28.802 1.597-45.356c46.046-10.263 60.681-22.346 84.105-28.656c14.08-3.793 29.017 1.338 38.051 12.784c13.341 16.902 30.099 30.056 47.707 35.37c28.015 8.454 37.276 42.911 40.155 59.603a37.6 37.6 0 0 0 1.486 5.768c-3.063-.688-5.965-1.058-8.275-1.058c-7.999 0-11.46 11.212-11.46 11.212c-4.279 6.649.068 15.994 7.339 15.994h24.24c3.915 0 6.966-2.717 8.295-6.256c1.179-.891 1.9-2.955 1.9-6.678c0-106.201-30.012-75.888-17.37-158.682c.479-2.546 2.365-14.132 2.979-17.41c0 0-.027-9.724-.001-14.847c.092-18.01-3.99-32.528-10.602-43.709a63.5 63.5 0 0 0 9.254-4.716c2.528-1.566 5.055-3.331 7.463-5.373a75 75 0 0 0 3.571-3.2c1.166-1.123 2.275-2.328 3.374-3.562a75 75 0 0 0 3.165-3.872a63 63 0 0 0 2.863-4.191l.505-.81l.256-.437l.257-.438l.436-.787a39 39 0 0 0 1.503-3.052c.869-1.938 1.518-3.943 2.042-5.95c2.07-8.064 1.77-16.178-.257-23.631"/><path fill="#EADFD6" d="M78.62 213.947c1.882 4.349-.146 9.413-4.521 11.233c-6.872 2.859-16.995 6.073-25.779 5.082c-16.683-1.882-32.243-9.975-34.937-27.864S4.382 164.286 41.736 168.5c19.768 2.229 30.459 30.598 36.884 45.447"/><path fill="#AF773F" d="M117.69 150.621c-3.24 10.251 1.894 16.551-.916 27.322c-.115.472-.24.944-.389 1.415c-3.573 11.304-15.633 17.572-26.937 13.999s-17.572-15.633-13.999-26.937c2.395-7.58 3.304-5.8 4.897-12.24c1.492-6.028.605-8.188 3.235-14.338v-.001c2.977-9.419 13.025-14.641 22.444-11.664c9.42 2.977 14.642 13.025 11.665 22.444m-66.52 61.773a1.515 1.515 0 1 0 .34-3.012a1.515 1.515 0 0 0-.34 3.012m-1.608-17.001a1.515 1.515 0 1 0 .34-3.012a1.515 1.515 0 0 0-.34 3.012m-10.427 9.701a1.515 1.515 0 1 0 .34-3.012a1.515 1.515 0 0 0-.34 3.012"/><path fill="#2B3B47" d="m16.059 168.262l9.226 1.277c4.634.454 9.278.81 9.278.81a6.582 6.582 0 0 1 3.565 11.737l-5.361 4.183s-1.284 1.002-3.105 1.568c-.9.192-1.986.734-3.072.626c-1.093-.044-2.292.205-3.432-.076l-3.351-.788c-1.053-.396-2.015-.959-2.85-1.343c-4.999-1.503-6.574-18.635-.898-17.994m84.058-16.221a8.525 8.525 0 0 0-9.427 7.516l-1.422 12.61a8.525 8.525 0 0 0 7.516 9.427a8.525 8.525 0 0 0 9.427-7.516l1.422-12.61a8.524 8.524 0 0 0-7.516-9.427"/><path fill="#FF9DDD" d="M124.657 95.384c-.127-22.871 8.759-36.355 15.492-15.06c3.026 9.573 4.239 19.59 2.495 28.787c-1.597 8.426-13.364 8.211-15.066.799c-.956-4.166-2.888-8.622-2.921-14.526"/></svg>

How to use the Dogside icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Dogside icon FAQ

Is the Dogside 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 Dogside icon in React?

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

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

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

Browse all Firefox OS Emoji icons →