ICONYZ
English
Hamster Face icon from Emoji One (v1)

Hamster Face icon

emojione-v1:hamster-face

The Hamster Face icon (emojione-v1:hamster-face) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Emoji One (v1)
Author
Emoji One
License
CC-BY-SA-4.0
Size
64 × 64
Category
Nature
Tags
hamsterface, hamster
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#dfad92" d="M1.343 41.04c0 10.694 13.891 19.353 31.04 19.353s31.04-8.658 31.04-19.353C63.423 30.356 49.531 4 32.383 4c-17.15 0-31.04 26.358-31.04 37.04"/><path fill="#bf9480" d="M3.385 6.029c3.86-2.425 5.856.907 8.672 5.389c2.818 4.484 5.394 8.422 1.533 10.846c-3.871 2.436-9.287.765-12.1-3.714C-1.328 14.07-.483 8.46 3.388 6.029"/><path fill="#eeccbc" d="M4.39 8.875c2.876-1.807 4.362.675 6.464 4.02c2.097 3.34 4.02 6.276 1.142 8.08c-2.887 1.812-6.922.568-9.02-2.77c-2.099-3.338-1.47-7.516 1.415-9.329"/><path fill="#bf9480" d="M22.541 51.35c-9.211-4.323-11.829-14.922-9.817-24.15c1.924-8.838 7.263-15.364 12.935-21.848C11.741 10.838 1.343 31.803 1.343 41.047c0 10.694 13.891 19.353 31.04 19.353c13.08 0 24.24-5.04 28.809-12.172c-3.233 2.739-30.647 6.884-38.655 3.124"/><path fill="#c37c5c" d="M9.542 29.594c0 5.536 4.402 5.494 9.835 5.494s9.835-4.488 9.835-10.02c0-5.537-4.402-10.03-9.835-10.03s-9.835 9.02-9.835 14.556"/><g transform="translate(0 4)"><ellipse cx="43.843" cy="21.01" fill="#f4f5f5" rx="5.611" ry="6.805"/><path fill="#25333a" d="M47.565 21.275c0 2.495-1.664 4.515-3.719 4.515c-2.058 0-3.728-2.02-3.728-4.515c0-2.491 1.67-4.515 3.728-4.515c2.055 0 3.719 2.024 3.719 4.515"/></g><g transform="translate(0 4)"><ellipse cx="20.779" cy="20.479" fill="#f4f5f5" rx="5.611" ry="6.805"/><path fill="#25333a" d="M24.501 20.739c0 2.496-1.664 4.515-3.719 4.515c-2.058 0-3.728-2.02-3.728-4.515c0-2.491 1.67-4.515 3.728-4.515c2.055 0 3.719 2.025 3.719 4.515"/></g><path fill="#dfad92" d="M60.37 5.29c-3.86-2.424-5.857.907-8.672 5.389c-2.818 4.484-5.394 8.422-1.533 10.846c3.872 2.436 9.287.766 12.1-3.714c2.818-4.48 1.972-10.09-1.899-12.521"/><g fill="#eeccbc"><path d="M59.37 8.137c-2.876-1.807-4.362.675-6.464 4.02c-2.098 3.34-4.02 6.276-1.142 8.08c2.887 1.812 6.922.568 9.02-2.77s1.47-7.517-1.415-9.329M30.754 43.06c0-6.519 5.548-6.396 13.11-6.396c7.563 0 14.279-.122 14.279 6.396c0 6.521-6.132 11.809-13.691 11.809S30.754 49.582 30.754 43.06"/><path d="M6.631 43.06c0-6.519 5.548-6.396 13.11-6.396c7.563 0 14.282-.122 14.282 6.396c0 6.521-6.134 11.809-13.693 11.809S6.634 49.582 6.634 43.06"/></g><path fill="#f4f5f5" d="M25.27 51.27c.12-3.424 14.627-3.752 14.514-.331c-.115 3.42-3.46 6.269-7.466 6.357c-4.01.09-7.158-2.606-7.05-6.03"/><path fill="#eeccbc" d="M33.2 52.07a.816.816 0 1 1-1.63 0v-4.186c0-.451.363-.814.814-.814s.816.363.816.814z"/><path fill="#ed2e7c" d="M26.684 38.732c0-2.733 2.325-2.682 5.5-2.682c3.173 0 5.988-.051 5.988 2.682s-2.57 4.951-5.743 4.951c-3.17 0-5.745-2.216-5.745-4.951"/></svg>

How to use the Hamster Face icon

React

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

<Icon icon="emojione-v1:hamster-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:hamster-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:hamster-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--hamster-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:hamster-face"></div>

Web component

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

<iconify-icon icon="emojione-v1:hamster-face"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/hamster-face.svg" alt="Hamster Face icon" width="24" height="24">

Hamster Face icon in other icon sets

Hamster Face icon FAQ

Is the Hamster Face icon free for commercial use?

Yes. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Hamster Face icon in React?

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

How do I add the Hamster Face icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/hamster-face.svg" alt="Hamster Face icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →