frog emoji
frog from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- frog
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji Flat
Use the frog emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M28 8.441c.01.86-.18 1.67-.52 2.4c-.15.33-.1.71.13.99c1.49 1.82 2.39 4.14 2.39 6.67q-.002 1.055-.2 2.05c.01-.053-.416.055-.406 0l-1.824 1.256l-11.748 3.992L4.4 21.807l-1.982-1.233c.007.04-.233-.102-.226-.062A10.6 10.6 0 0 1 2 18.502c0-2.53.9-4.85 2.39-6.67c.23-.28.28-.67.13-1c-.34-.72-.53-1.54-.52-2.4c.04-2.95 2.43-5.36 5.38-5.43a5.49 5.49 0 0 1 5.56 4.73c.02.15.15.27.31.27h1.49c.16 0 .29-.12.31-.27a5.5 5.5 0 0 1 5.57-4.73c2.95.07 5.34 2.48 5.38 5.44"/><path fill="#fff478" d="M13 8.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m13 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#1c1c1c" d="M12 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m13 .001a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m-7.5 5.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-2.5-.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#fcd53f" d="M27.57 20.391c-1.18 0-2.27-.4-3.15-1.06a13.43 13.43 0 0 0-8.43-2.95c-3.22 0-6.17 1.12-8.49 3v-.01a5.2 5.2 0 0 1-3.1 1.02H2.17c.89 4.9 5.18 8.61 10.33 8.61h7c5.15 0 9.44-3.71 10.33-8.61z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatFrog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M28 8.441c.01.86-.18 1.67-.52 2.4c-.15.33-.1.71.13.99c1.49 1.82 2.39 4.14 2.39 6.67q-.002 1.055-.2 2.05c.01-.053-.416.055-.406 0l-1.824 1.256l-11.748 3.992L4.4 21.807l-1.982-1.233c.007.04-.233-.102-.226-.062A10.6 10.6 0 0 1 2 18.502c0-2.53.9-4.85 2.39-6.67c.23-.28.28-.67.13-1c-.34-.72-.53-1.54-.52-2.4c.04-2.95 2.43-5.36 5.38-5.43a5.49 5.49 0 0 1 5.56 4.73c.02.15.15.27.31.27h1.49c.16 0 .29-.12.31-.27a5.5 5.5 0 0 1 5.57-4.73c2.95.07 5.34 2.48 5.38 5.44"/><path fill="#fff478" d="M13 8.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m13 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#1c1c1c" d="M12 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m13 .001a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m-7.5 5.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-2.5-.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#fcd53f" d="M27.57 20.391c-1.18 0-2.27-.4-3.15-1.06a13.43 13.43 0 0 0-8.43-2.95c-3.22 0-6.17 1.12-8.49 3v-.01a5.2 5.2 0 0 1-3.1 1.02H2.17c.89 4.9 5.18 8.61 10.33 8.61h7c5.15 0 9.44-3.71 10.33-8.61z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M28 8.441c.01.86-.18 1.67-.52 2.4c-.15.33-.1.71.13.99c1.49 1.82 2.39 4.14 2.39 6.67q-.002 1.055-.2 2.05c.01-.053-.416.055-.406 0l-1.824 1.256l-11.748 3.992L4.4 21.807l-1.982-1.233c.007.04-.233-.102-.226-.062A10.6 10.6 0 0 1 2 18.502c0-2.53.9-4.85 2.39-6.67c.23-.28.28-.67.13-1c-.34-.72-.53-1.54-.52-2.4c.04-2.95 2.43-5.36 5.38-5.43a5.49 5.49 0 0 1 5.56 4.73c.02.15.15.27.31.27h1.49c.16 0 .29-.12.31-.27a5.5 5.5 0 0 1 5.57-4.73c2.95.07 5.34 2.48 5.38 5.44"/><path fill="#fff478" d="M13 8.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m13 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#1c1c1c" d="M12 8.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m13 .001a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m-7.5 5.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-2.5-.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#fcd53f" d="M27.57 20.391c-1.18 0-2.27-.4-3.15-1.06a13.43 13.43 0 0 0-8.43-2.95c-3.22 0-6.17 1.12-8.49 3v-.01a5.2 5.2 0 0 1-3.1 1.02H2.17c.89 4.9 5.18 8.61 10.33 8.61h7c5.15 0 9.44-3.71 10.33-8.61z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M28%208.441c.01.86-.18%201.67-.52%202.4c-.15.33-.1.71.13.99c1.49%201.82%202.39%204.14%202.39%206.67q-.002%201.055-.2%202.05c.01-.053-.416.055-.406%200l-1.824%201.256l-11.748%203.992L4.4%2021.807l-1.982-1.233c.007.04-.233-.102-.226-.062A10.6%2010.6%200%200%201%202%2018.502c0-2.53.9-4.85%202.39-6.67c.23-.28.28-.67.13-1c-.34-.72-.53-1.54-.52-2.4c.04-2.95%202.43-5.36%205.38-5.43a5.49%205.49%200%200%201%205.56%204.73c.02.15.15.27.31.27h1.49c.16%200%20.29-.12.31-.27a5.5%205.5%200%200%201%205.57-4.73c2.95.07%205.34%202.48%205.38%205.44%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22M13%208.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m13%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M12%208.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m13%20.001a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m-7.5%205.5a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-2.5-.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27.57%2020.391c-1.18%200-2.27-.4-3.15-1.06a13.43%2013.43%200%200%200-8.43-2.95c-3.22%200-6.17%201.12-8.49%203v-.01a5.2%205.2%200%200%201-3.1%201.02H2.17c.89%204.9%205.18%208.61%2010.33%208.61h7c5.15%200%209.44-3.71%2010.33-8.61z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M28%208.441c.01.86-.18%201.67-.52%202.4c-.15.33-.1.71.13.99c1.49%201.82%202.39%204.14%202.39%206.67q-.002%201.055-.2%202.05c.01-.053-.416.055-.406%200l-1.824%201.256l-11.748%203.992L4.4%2021.807l-1.982-1.233c.007.04-.233-.102-.226-.062A10.6%2010.6%200%200%201%202%2018.502c0-2.53.9-4.85%202.39-6.67c.23-.28.28-.67.13-1c-.34-.72-.53-1.54-.52-2.4c.04-2.95%202.43-5.36%205.38-5.43a5.49%205.49%200%200%201%205.56%204.73c.02.15.15.27.31.27h1.49c.16%200%20.29-.12.31-.27a5.5%205.5%200%200%201%205.57-4.73c2.95.07%205.34%202.48%205.38%205.44%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22M13%208.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m13%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M12%208.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m13%20.001a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200m-7.5%205.5a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m-2.5-.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27.57%2020.391c-1.18%200-2.27-.4-3.15-1.06a13.43%2013.43%200%200%200-8.43-2.95c-3.22%200-6.17%201.12-8.49%203v-.01a5.2%205.2%200%200%201-3.1%201.02H2.17c.89%204.9%205.18%208.61%2010.33%208.61h7c5.15%200%209.44-3.71%2010.33-8.61z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/frog.svg?color=%231a73e8&size=48
