frog emoji
frog from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- frog
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
Use the frog emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.5 5.5a3 3 0 1 0 0 6a3 3 0 0 0 0-6m13 .001a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-5 7a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/><path d="M16.17 7.001a6.5 6.5 0 0 1 6.471-5h.003C26.13 2.085 28.953 4.93 29 8.429v.002a6.5 6.5 0 0 1-.595 2.794A11.5 11.5 0 0 1 31 18.5C31 24.853 25.852 30 19.5 30h-7C6.148 30 1 24.853 1 18.5c0-2.761.98-5.294 2.598-7.28A6.5 6.5 0 0 1 3 8.42v-.002c.047-3.49 2.87-6.334 6.356-6.416h.003a6.49 6.49 0 0 1 6.462 5zm1.87.867a1.31 1.31 0 0 1-1.3 1.133h-1.49c-.671 0-1.215-.5-1.301-1.136a4.49 4.49 0 0 0-4.547-3.864C6.99 4.059 5.033 6.034 5 8.444a4.5 4.5 0 0 0 .424 1.96l.003.007l.003.007a1.96 1.96 0 0 1-.267 2.047a9.5 9.5 0 0 0-2.14 6.712l.059.002c.226.01.547.02.92.018c.76-.005 1.685-.059 2.465-.235c.29-.065.66-.259 1.221-.63c.164-.108.348-.234.547-.37a32 32 0 0 1 1.392-.917c1.546-.944 3.57-1.858 6.373-1.858c2.778 0 4.724.8 6.199 1.717c.67.416 1.241.856 1.719 1.223l.108.084c.526.404.89.67 1.212.822c.81.38 1.24.49 1.686.53c.33.03.649.023 1.114.013c.25-.005.543-.011.903-.013q.06-.523.059-1.062a9.5 9.5 0 0 0-2.163-6.036a1.94 1.94 0 0 1-.267-2.037l.003-.009c.28-.601.435-1.263.427-1.966a4.527 4.527 0 0 0-4.402-4.452a4.5 4.5 0 0 0-4.557 3.867M28.495 21.57l-.26.005c-.564.01-1.055.02-1.488-.019c-.751-.067-1.416-.269-2.36-.713c-.552-.26-1.088-.669-1.578-1.045l-.099-.076c-.486-.374-.983-.757-1.565-1.118c-1.212-.753-2.797-1.416-5.144-1.416c-2.322 0-3.985.743-5.33 1.565c-.458.28-.85.548-1.236.813c-.213.146-.424.291-.644.436c-.565.374-1.203.758-1.882.912c-.988.223-2.079.279-2.893.284a21 21 0 0 1-.63-.006A9.5 9.5 0 0 0 12.5 28h7a9.5 9.5 0 0 0 8.994-6.432"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastFrog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.5 5.5a3 3 0 1 0 0 6a3 3 0 0 0 0-6m13 .001a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-5 7a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/><path d="M16.17 7.001a6.5 6.5 0 0 1 6.471-5h.003C26.13 2.085 28.953 4.93 29 8.429v.002a6.5 6.5 0 0 1-.595 2.794A11.5 11.5 0 0 1 31 18.5C31 24.853 25.852 30 19.5 30h-7C6.148 30 1 24.853 1 18.5c0-2.761.98-5.294 2.598-7.28A6.5 6.5 0 0 1 3 8.42v-.002c.047-3.49 2.87-6.334 6.356-6.416h.003a6.49 6.49 0 0 1 6.462 5zm1.87.867a1.31 1.31 0 0 1-1.3 1.133h-1.49c-.671 0-1.215-.5-1.301-1.136a4.49 4.49 0 0 0-4.547-3.864C6.99 4.059 5.033 6.034 5 8.444a4.5 4.5 0 0 0 .424 1.96l.003.007l.003.007a1.96 1.96 0 0 1-.267 2.047a9.5 9.5 0 0 0-2.14 6.712l.059.002c.226.01.547.02.92.018c.76-.005 1.685-.059 2.465-.235c.29-.065.66-.259 1.221-.63c.164-.108.348-.234.547-.37a32 32 0 0 1 1.392-.917c1.546-.944 3.57-1.858 6.373-1.858c2.778 0 4.724.8 6.199 1.717c.67.416 1.241.856 1.719 1.223l.108.084c.526.404.89.67 1.212.822c.81.38 1.24.49 1.686.53c.33.03.649.023 1.114.013c.25-.005.543-.011.903-.013q.06-.523.059-1.062a9.5 9.5 0 0 0-2.163-6.036a1.94 1.94 0 0 1-.267-2.037l.003-.009c.28-.601.435-1.263.427-1.966a4.527 4.527 0 0 0-4.402-4.452a4.5 4.5 0 0 0-4.557 3.867M28.495 21.57l-.26.005c-.564.01-1.055.02-1.488-.019c-.751-.067-1.416-.269-2.36-.713c-.552-.26-1.088-.669-1.578-1.045l-.099-.076c-.486-.374-.983-.757-1.565-1.118c-1.212-.753-2.797-1.416-5.144-1.416c-2.322 0-3.985.743-5.33 1.565c-.458.28-.85.548-1.236.813c-.213.146-.424.291-.644.436c-.565.374-1.203.758-1.882.912c-.988.223-2.079.279-2.893.284a21 21 0 0 1-.63-.006A9.5 9.5 0 0 0 12.5 28h7a9.5 9.5 0 0 0 8.994-6.432"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.5 5.5a3 3 0 1 0 0 6a3 3 0 0 0 0-6m13 .001a3 3 0 1 0 0 6a3 3 0 0 0 0-6m-5 7a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/><path d="M16.17 7.001a6.5 6.5 0 0 1 6.471-5h.003C26.13 2.085 28.953 4.93 29 8.429v.002a6.5 6.5 0 0 1-.595 2.794A11.5 11.5 0 0 1 31 18.5C31 24.853 25.852 30 19.5 30h-7C6.148 30 1 24.853 1 18.5c0-2.761.98-5.294 2.598-7.28A6.5 6.5 0 0 1 3 8.42v-.002c.047-3.49 2.87-6.334 6.356-6.416h.003a6.49 6.49 0 0 1 6.462 5zm1.87.867a1.31 1.31 0 0 1-1.3 1.133h-1.49c-.671 0-1.215-.5-1.301-1.136a4.49 4.49 0 0 0-4.547-3.864C6.99 4.059 5.033 6.034 5 8.444a4.5 4.5 0 0 0 .424 1.96l.003.007l.003.007a1.96 1.96 0 0 1-.267 2.047a9.5 9.5 0 0 0-2.14 6.712l.059.002c.226.01.547.02.92.018c.76-.005 1.685-.059 2.465-.235c.29-.065.66-.259 1.221-.63c.164-.108.348-.234.547-.37a32 32 0 0 1 1.392-.917c1.546-.944 3.57-1.858 6.373-1.858c2.778 0 4.724.8 6.199 1.717c.67.416 1.241.856 1.719 1.223l.108.084c.526.404.89.67 1.212.822c.81.38 1.24.49 1.686.53c.33.03.649.023 1.114.013c.25-.005.543-.011.903-.013q.06-.523.059-1.062a9.5 9.5 0 0 0-2.163-6.036a1.94 1.94 0 0 1-.267-2.037l.003-.009c.28-.601.435-1.263.427-1.966a4.527 4.527 0 0 0-4.402-4.452a4.5 4.5 0 0 0-4.557 3.867M28.495 21.57l-.26.005c-.564.01-1.055.02-1.488-.019c-.751-.067-1.416-.269-2.36-.713c-.552-.26-1.088-.669-1.578-1.045l-.099-.076c-.486-.374-.983-.757-1.565-1.118c-1.212-.753-2.797-1.416-5.144-1.416c-2.322 0-3.985.743-5.33 1.565c-.458.28-.85.548-1.236.813c-.213.146-.424.291-.644.436c-.565.374-1.203.758-1.882.912c-.988.223-2.079.279-2.893.284a21 21 0 0 1-.63-.006A9.5 9.5 0 0 0 12.5 28h7a9.5 9.5 0 0 0 8.994-6.432"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M9.5%205.5a3%203%200%201%200%200%206a3%203%200%200%200%200-6m13%20.001a3%203%200%201%200%200%206a3%203%200%200%200%200-6m-5%207a1%201%200%201%200%200%202a1%201%200%200%200%200-2m-3%200a1%201%200%201%200%200%202a1%201%200%200%200%200-2%22%2F%3E%3Cpath%20d%3D%22M16.17%207.001a6.5%206.5%200%200%201%206.471-5h.003C26.13%202.085%2028.953%204.93%2029%208.429v.002a6.5%206.5%200%200%201-.595%202.794A11.5%2011.5%200%200%201%2031%2018.5C31%2024.853%2025.852%2030%2019.5%2030h-7C6.148%2030%201%2024.853%201%2018.5c0-2.761.98-5.294%202.598-7.28A6.5%206.5%200%200%201%203%208.42v-.002c.047-3.49%202.87-6.334%206.356-6.416h.003a6.49%206.49%200%200%201%206.462%205zm1.87.867a1.31%201.31%200%200%201-1.3%201.133h-1.49c-.671%200-1.215-.5-1.301-1.136a4.49%204.49%200%200%200-4.547-3.864C6.99%204.059%205.033%206.034%205%208.444a4.5%204.5%200%200%200%20.424%201.96l.003.007l.003.007a1.96%201.96%200%200%201-.267%202.047a9.5%209.5%200%200%200-2.14%206.712l.059.002c.226.01.547.02.92.018c.76-.005%201.685-.059%202.465-.235c.29-.065.66-.259%201.221-.63c.164-.108.348-.234.547-.37a32%2032%200%200%201%201.392-.917c1.546-.944%203.57-1.858%206.373-1.858c2.778%200%204.724.8%206.199%201.717c.67.416%201.241.856%201.719%201.223l.108.084c.526.404.89.67%201.212.822c.81.38%201.24.49%201.686.53c.33.03.649.023%201.114.013c.25-.005.543-.011.903-.013q.06-.523.059-1.062a9.5%209.5%200%200%200-2.163-6.036a1.94%201.94%200%200%201-.267-2.037l.003-.009c.28-.601.435-1.263.427-1.966a4.527%204.527%200%200%200-4.402-4.452a4.5%204.5%200%200%200-4.557%203.867M28.495%2021.57l-.26.005c-.564.01-1.055.02-1.488-.019c-.751-.067-1.416-.269-2.36-.713c-.552-.26-1.088-.669-1.578-1.045l-.099-.076c-.486-.374-.983-.757-1.565-1.118c-1.212-.753-2.797-1.416-5.144-1.416c-2.322%200-3.985.743-5.33%201.565c-.458.28-.85.548-1.236.813c-.213.146-.424.291-.644.436c-.565.374-1.203.758-1.882.912c-.988.223-2.079.279-2.893.284a21%2021%200%200%201-.63-.006A9.5%209.5%200%200%200%2012.5%2028h7a9.5%209.5%200%200%200%208.994-6.432%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%22currentColor%22%3E%3Cpath%20d%3D%22M9.5%205.5a3%203%200%201%200%200%206a3%203%200%200%200%200-6m13%20.001a3%203%200%201%200%200%206a3%203%200%200%200%200-6m-5%207a1%201%200%201%200%200%202a1%201%200%200%200%200-2m-3%200a1%201%200%201%200%200%202a1%201%200%200%200%200-2%22%2F%3E%3Cpath%20d%3D%22M16.17%207.001a6.5%206.5%200%200%201%206.471-5h.003C26.13%202.085%2028.953%204.93%2029%208.429v.002a6.5%206.5%200%200%201-.595%202.794A11.5%2011.5%200%200%201%2031%2018.5C31%2024.853%2025.852%2030%2019.5%2030h-7C6.148%2030%201%2024.853%201%2018.5c0-2.761.98-5.294%202.598-7.28A6.5%206.5%200%200%201%203%208.42v-.002c.047-3.49%202.87-6.334%206.356-6.416h.003a6.49%206.49%200%200%201%206.462%205zm1.87.867a1.31%201.31%200%200%201-1.3%201.133h-1.49c-.671%200-1.215-.5-1.301-1.136a4.49%204.49%200%200%200-4.547-3.864C6.99%204.059%205.033%206.034%205%208.444a4.5%204.5%200%200%200%20.424%201.96l.003.007l.003.007a1.96%201.96%200%200%201-.267%202.047a9.5%209.5%200%200%200-2.14%206.712l.059.002c.226.01.547.02.92.018c.76-.005%201.685-.059%202.465-.235c.29-.065.66-.259%201.221-.63c.164-.108.348-.234.547-.37a32%2032%200%200%201%201.392-.917c1.546-.944%203.57-1.858%206.373-1.858c2.778%200%204.724.8%206.199%201.717c.67.416%201.241.856%201.719%201.223l.108.084c.526.404.89.67%201.212.822c.81.38%201.24.49%201.686.53c.33.03.649.023%201.114.013c.25-.005.543-.011.903-.013q.06-.523.059-1.062a9.5%209.5%200%200%200-2.163-6.036a1.94%201.94%200%200%201-.267-2.037l.003-.009c.28-.601.435-1.263.427-1.966a4.527%204.527%200%200%200-4.402-4.452a4.5%204.5%200%200%200-4.557%203.867M28.495%2021.57l-.26.005c-.564.01-1.055.02-1.488-.019c-.751-.067-1.416-.269-2.36-.713c-.552-.26-1.088-.669-1.578-1.045l-.099-.076c-.486-.374-.983-.757-1.565-1.118c-1.212-.753-2.797-1.416-5.144-1.416c-2.322%200-3.985.743-5.33%201.565c-.458.28-.85.548-1.236.813c-.213.146-.424.291-.644.436c-.565.374-1.203.758-1.882.912c-.988.223-2.079.279-2.893.284a21%2021%200%200%201-.63-.006A9.5%209.5%200%200%200%2012.5%2028h7a9.5%209.5%200%200%200%208.994-6.432%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-high-contrast/frog.svg?color=%231a73e8&size=48
