Raccoon icon
twemoji:raccoon
The Raccoon icon (twemoji:raccoon) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Animals & Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#99aab5" d="M10.668 5.616C9.032 2.479 4.439 1.005 3.584 2.298s.707 10.152 1.757 9.967c1.051-.185 5.327-6.649 5.327-6.649"/><path fill="#292f33" d="M9.841 7.674c-1.27-2.68-4.696-4.82-5.304-3.745c-.435.771.122 5.263.757 7.696z"/><path fill="#99aab5" d="M25.284 5.616c1.636-3.137 6.228-4.611 7.084-3.318s-.708 10.152-1.758 9.967s-5.326-6.649-5.326-6.649"/><path fill="#292f33" d="M26.36 7.674c1.231-2.686 4.501-4.854 5.07-3.786c.416.78-.178 5.425-.815 7.825z"/><path fill="#99aab5" d="M33.13 13.316c-2.583-3.164-9.048-11.601-15.155-11.601S5.404 10.152 2.821 13.316C-.317 17.16-.23 21.613.573 24.193c.805 2.587 3.155 5.038 9.261 7.431c2.065.809 5.705 2.393 8.142 2.393s6.076-1.583 8.142-2.393c6.106-2.393 8.457-4.843 9.261-7.431c.802-2.58.89-7.033-2.249-10.877"/><path fill="#e1e8ed" d="M17.976 14.408c0-4.913-4.078-4.855-6.542-4.572C6.922 10.353.076 16.597.076 20.569c0 1.39.16 2.631.496 3.624c.584 1.726 1.875 3.015 5.034 5.266c3.49-8.351 12.37-11.246 12.37-15.051"/><path fill="#292f33" d="M17.976 15.777c0-2.399-4.389-3.04-6.649-2.678C6.443 13.882.587 20.633.572 24.07v.013c.002.006.001.111.001.111s.384 1.401 1.623 2.815c.867.991 2.346 2.068 3.333 2.584l.01-.011c2.952-3.861 6.877-6.416 10.022-7.617c1.763-.673 2.415-3.5 2.415-6.188"/><circle cx="13.396" cy="17.489" r="1.527" fill="#99aab5"/><path fill="#e1e8ed" d="M17.976 14.408c0-4.913 4.078-4.855 6.542-4.572c4.511.518 11.357 6.762 11.357 10.734c0 1.39-.16 2.631-.496 3.624c-.584 1.726-1.875 3.015-5.034 5.266c-3.489-8.352-12.369-11.247-12.369-15.052"/><path fill="#292f33" d="M17.976 15.777c0-2.399 4.389-3.04 6.649-2.678c4.884.783 10.74 7.534 10.755 10.971v.013c-.002.006-.001.111-.001.111s-.384 1.401-1.623 2.815c-.868.991-2.347 2.068-3.333 2.584l-.01-.011c-2.952-3.861-6.877-6.416-10.022-7.617c-1.763-.673-2.415-3.5-2.415-6.188"/><circle cx="22.555" cy="17.489" r="1.527" fill="#99aab5"/><path fill="#66757f" d="M20.746 22.102c-.923-1.073-1.75-19.035-2.77-19.035s-1.847 17.962-2.77 19.035z"/><path fill="#e1e8ed" d="M24.915 24.184c-1.636-2.06-4.164-3.705-6.94-3.705s-5.304 1.646-6.94 3.705c-1.388 1.748-1.388 3.061-.925 4.226c.482 1.214 1.388 2.821 4.164 3.986c.939.394 2.594 1.165 3.701 1.165s2.762-.771 3.701-1.165c2.776-1.165 3.682-2.772 4.164-3.986c.463-1.165.463-2.478-.925-4.226"/><path fill="#292f33" d="M21.614 28.372c-.689-.562-1.629.184-3.639.184s-2.95-.746-3.639-.184s.585 2.308 3.639 2.308s4.328-1.746 3.639-2.308"/><path fill="#66757f" d="M13.165 24.769a.8.8 0 0 1-.391-.107c-3.002-1.792-8.357-.913-9.664-.286A.763.763 0 1 1 2.449 23c1.744-.838 7.624-1.725 11.107.35a.763.763 0 0 1-.391 1.419"/><path fill="#66757f" d="M2.141 29.702a.763.763 0 0 1-.594-1.242c1.455-1.807 4.896-4.888 11.581-5.216c.419-.035.779.304.8.725a.764.764 0 0 1-.725.8c-6.089.299-9.171 3.041-10.467 4.649a.76.76 0 0 1-.595.284m31.669 0a.76.76 0 0 1-.594-.284c-1.295-1.608-4.377-4.35-10.467-4.649a.765.765 0 0 1-.725-.8c.021-.42.383-.763.8-.725c6.685.328 10.124 3.409 11.58 5.216a.763.763 0 0 1-.594 1.242"/><path fill="#66757f" d="M22.787 24.769a.764.764 0 0 1-.393-1.42c3.482-2.076 9.366-1.188 11.107-.35a.76.76 0 0 1 .358 1.018a.76.76 0 0 1-1.018.358c-1.31-.628-6.664-1.505-9.664.286a.75.75 0 0 1-.39.108"/><path fill="#292f33" d="M21.614 22.244c0 1.765-2.539 3.223-3.639 3.223s-3.639-1.458-3.639-3.223s1.629-1.81 3.639-1.81s3.639.045 3.639 1.81"/></svg>How to use the Raccoon icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:raccoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:raccoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:raccoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--raccoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:raccoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:raccoon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/raccoon.svg" alt="Raccoon icon" width="24" height="24">Raccoon icon in other icon sets
Raccoon icon FAQ
Is the Raccoon icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Raccoon icon in React?
Install @iconify/react and render <Icon icon="twemoji:raccoon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Raccoon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/raccoon.svg" alt="Raccoon icon">, or paste the SVG code inline to style it with CSS.