frog emoji
frog from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.
- Name
- frog
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Nature
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
More nature icons from Firefox OS Emoji
Use the frog emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function FxemojiFrog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-frog {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%233AAA3A%22%20d%3D%22M454.896%20301.923c0%2083.213-89.29%20150.671-199.434%20150.671S56.028%20385.136%2056.028%20301.923c0%200%2089.29%2010.861%20199.434%2010.861s199.434-10.861%20199.434-10.861%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22m167.093%20352.872l191.077-5.046s-4.212%2049.198-102.256%2049.198s-88.821-44.152-88.821-44.152%22%2F%3E%3Cpath%20fill%3D%22%230C0%22%20d%3D%22M466.825%20294.783c0-35.526-18.398-68.082-48.965-93.388a76.1%2076.1%200%200%200%203.947-24.21c0-42.113-34.139-76.252-76.252-76.252c-32.329%200-59.938%2020.129-71.032%2048.529a309%20309%200%200%200-19.063-.597c-6.068%200-12.073.187-18.012.533c-11.11-28.366-38.702-48.465-71.006-48.465c-42.113%200-76.252%2034.139-76.252%2076.252c0%208.21%201.313%2016.111%203.714%2023.521c-31.069%2025.403-49.808%2058.227-49.808%2094.077c0%205.933%205.923%2016.55%205.923%2016.55c81.37%2099.21%20175.541%2047.75%20205.893%2047.75s124.523%2050.956%20204.321-47.75l-.017-.002c4.282-5.076%206.609-10.59%206.609-16.548%22%2F%3E%3Cpath%20fill%3D%22%233B933F%22%20d%3D%22M214.316%20307.25c0%205.827-4.723%2010.55-10.55%2010.55s-10.55-4.723-10.55-10.55s4.723-10.55%2010.55-10.55s10.55%204.723%2010.55%2010.55m92.842-10.55c-5.827%200-10.55%204.723-10.55%2010.55s4.723%2010.55%2010.55%2010.55s10.55-4.723%2010.55-10.55s-4.723-10.55-10.55-10.55%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M166.444%20137.095c13.578%200%2024.585%2011.007%2024.585%2024.585v30.221c0%2013.578-11.007%2024.585-24.585%2024.585s-24.585-11.007-24.585-24.585V161.68c0-13.578%2011.007-24.585%2024.585-24.585m179.112%200c-13.578%200-24.585%2011.007-24.585%2024.585v30.221c0%2013.578%2011.007%2024.585%2024.585%2024.585s24.585-11.007%2024.585-24.585V161.68c0-13.578-11.007-24.585-24.585-24.585%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%233AAA3A%22%20d%3D%22M454.896%20301.923c0%2083.213-89.29%20150.671-199.434%20150.671S56.028%20385.136%2056.028%20301.923c0%200%2089.29%2010.861%20199.434%2010.861s199.434-10.861%20199.434-10.861%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22m167.093%20352.872l191.077-5.046s-4.212%2049.198-102.256%2049.198s-88.821-44.152-88.821-44.152%22%2F%3E%3Cpath%20fill%3D%22%230C0%22%20d%3D%22M466.825%20294.783c0-35.526-18.398-68.082-48.965-93.388a76.1%2076.1%200%200%200%203.947-24.21c0-42.113-34.139-76.252-76.252-76.252c-32.329%200-59.938%2020.129-71.032%2048.529a309%20309%200%200%200-19.063-.597c-6.068%200-12.073.187-18.012.533c-11.11-28.366-38.702-48.465-71.006-48.465c-42.113%200-76.252%2034.139-76.252%2076.252c0%208.21%201.313%2016.111%203.714%2023.521c-31.069%2025.403-49.808%2058.227-49.808%2094.077c0%205.933%205.923%2016.55%205.923%2016.55c81.37%2099.21%20175.541%2047.75%20205.893%2047.75s124.523%2050.956%20204.321-47.75l-.017-.002c4.282-5.076%206.609-10.59%206.609-16.548%22%2F%3E%3Cpath%20fill%3D%22%233B933F%22%20d%3D%22M214.316%20307.25c0%205.827-4.723%2010.55-10.55%2010.55s-10.55-4.723-10.55-10.55s4.723-10.55%2010.55-10.55s10.55%204.723%2010.55%2010.55m92.842-10.55c-5.827%200-10.55%204.723-10.55%2010.55s4.723%2010.55%2010.55%2010.55s10.55-4.723%2010.55-10.55s-4.723-10.55-10.55-10.55%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M166.444%20137.095c13.578%200%2024.585%2011.007%2024.585%2024.585v30.221c0%2013.578-11.007%2024.585-24.585%2024.585s-24.585-11.007-24.585-24.585V161.68c0-13.578%2011.007-24.585%2024.585-24.585m179.112%200c-13.578%200-24.585%2011.007-24.585%2024.585v30.221c0%2013.578%2011.007%2024.585%2024.585%2024.585s24.585-11.007%2024.585-24.585V161.68c0-13.578-11.007-24.585-24.585-24.585%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/frog.svg?color=%231a73e8&size=48
