Frog icon
fxemoji:frog
The Frog icon (fxemoji:frog) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#3AAA3A" d="M454.896 301.923c0 83.213-89.29 150.671-199.434 150.671S56.028 385.136 56.028 301.923c0 0 89.29 10.861 199.434 10.861s199.434-10.861 199.434-10.861"/><path fill="#2B3B47" d="m167.093 352.872l191.077-5.046s-4.212 49.198-102.256 49.198s-88.821-44.152-88.821-44.152"/><path fill="#0C0" d="M466.825 294.783c0-35.526-18.398-68.082-48.965-93.388a76.1 76.1 0 0 0 3.947-24.21c0-42.113-34.139-76.252-76.252-76.252c-32.329 0-59.938 20.129-71.032 48.529a309 309 0 0 0-19.063-.597c-6.068 0-12.073.187-18.012.533c-11.11-28.366-38.702-48.465-71.006-48.465c-42.113 0-76.252 34.139-76.252 76.252c0 8.21 1.313 16.111 3.714 23.521c-31.069 25.403-49.808 58.227-49.808 94.077c0 5.933 5.923 16.55 5.923 16.55c81.37 99.21 175.541 47.75 205.893 47.75s124.523 50.956 204.321-47.75l-.017-.002c4.282-5.076 6.609-10.59 6.609-16.548"/><path fill="#3B933F" d="M214.316 307.25c0 5.827-4.723 10.55-10.55 10.55s-10.55-4.723-10.55-10.55s4.723-10.55 10.55-10.55s10.55 4.723 10.55 10.55m92.842-10.55c-5.827 0-10.55 4.723-10.55 10.55s4.723 10.55 10.55 10.55s10.55-4.723 10.55-10.55s-4.723-10.55-10.55-10.55"/><path fill="#2B3B47" d="M166.444 137.095c13.578 0 24.585 11.007 24.585 24.585v30.221c0 13.578-11.007 24.585-24.585 24.585s-24.585-11.007-24.585-24.585V161.68c0-13.578 11.007-24.585 24.585-24.585m179.112 0c-13.578 0-24.585 11.007-24.585 24.585v30.221c0 13.578 11.007 24.585 24.585 24.585s24.585-11.007 24.585-24.585V161.68c0-13.578-11.007-24.585-24.585-24.585"/></svg>
How to use the Frog icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:frog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:frog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:frog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--frog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:frog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:frog"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/frog.svg" alt="Frog icon" width="24" height="24">
Frog icon in other icon sets
Frog icon FAQ
Is the Frog 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 Frog icon in React?
Install @iconify/react and render <Icon icon="fxemoji:frog" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Frog icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/frog.svg" alt="Frog icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
