Hampster icon

fxemoji:hampster

The Hampster icon (fxemoji:hampster) 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="#E5E4DF" d="M409.611 226.238c31.379-17.031 52.691-50.27 52.691-88.47c0-55.56-45.053-100.593-100.593-100.593c-34.416 0-64.811 17.283-82.965 43.638a138.7 138.7 0 0 0-24.638-2.198c-7.854 0-15.552.667-23.047 1.928c-18.17-26.204-48.466-43.369-82.764-43.369C92.732 37.174 47.7 82.208 47.7 137.768c0 37.88 20.951 70.877 51.9 88.034c-42.723 18.071-72.696 60.373-72.696 109.682c0 65.751 53.29 119.038 119.038 119.038c68.376 0 70.374 20.304 105.74 20.304s42.21-20.304 110.584-20.304c65.751 0 119.062-53.287 119.062-119.038c0-48.924-29.521-90.941-71.717-109.246"/><path fill="#FFA1E0" d="M438.506 137.772c0 42.078-34.063 76.203-76.203 76.203s-76.231-34.125-76.231-76.203c0-42.14 34.091-76.231 76.231-76.231s76.203 34.091 76.203 76.231M235.62 412.351s-3.827.63-7.95 1.732c-4.244 1.102-8.693 2.677-11.181 4.567c-2.889 1.89-2.3 4.095-1.585 6.457c.607 2.362 1.772 4.882 3.211 7.402c2.954 5.04 8.329 10.079 13.697 13.859c5.22 3.78 10.884 6.3 10.884 6.3c6.987 3.074 15.294 3.347 22.818 0c0 0 5.664-2.52 10.884-6.3c5.368-3.78 10.743-8.819 13.697-13.859c1.439-2.52 2.605-5.04 3.211-7.402c.714-2.362 1.304-4.567-1.586-6.457c-2.488-1.89-6.936-3.465-11.18-4.567c-4.123-1.102-7.95-1.732-7.95-1.732c-11.784-1.886-24.546-2.045-36.97 0M205.525 87.427c-13.956-15.869-34.4-25.886-57.227-25.886c-42.14 0-76.231 34.091-76.231 76.231c0 30.757 18.226 57.247 44.485 69.284c3.722-54.934 39.601-101.036 88.973-119.629"/><path fill="#FFB636" d="M479.804 320.374c-6.192-48.324-41.002-87.311-87.17-99.533c-.29-1.421-.655-2.82-.649-4.326c0-76.159-61.72-137.9-137.881-137.9c-25.174 0-48.698 6.856-69.01 18.64c-.015.838-.127 1.651-.127 2.492c0 26.277 20.103 80.329 44.031 101.074a139 139 0 0 0 13.287 10.964c32.272 25.321 36.482 47.082 27.868 65.665c-26.902 58.033 11.214 106.891 60.067 109.557c39.334 2.146 61.757-38.841 94.411-32.631c37.671 7.164 56.697-18.892 55.173-34.002"/><path fill="#2B3B47" d="M153.651 257.946c13.766 0 24.944 11.154 24.944 24.966v30.652c0 13.787-11.178 24.968-24.944 24.968c-13.787 0-24.966-11.181-24.966-24.968v-30.652c0-13.811 11.178-24.966 24.966-24.966m200.883 0c-13.787 0-24.92 11.154-24.92 24.966v30.652c0 13.787 11.133 24.968 24.92 24.968s24.944-11.181 24.944-24.968v-30.652c0-13.811-11.157-24.966-24.944-24.966"/></svg>

How to use the Hampster icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Hampster icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →