frog emoji
frog from Noto Emoji by Google Inc · Default · Animals & Nature · Apache-2.0 Free for personal and commercial use.
- Name
- frog
- Set
- Noto Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 128×128
- License
- Apache 2.0
- Aliases
- frog-face
The same emoji in other sets
More animals & nature icons from Noto Emoji
Use the frog emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b7d019" d="M14.16 48.37c-.43 4.5-10 10.84-9.57 26.89s13.09 44.06 57.72 44.77c44.63.7 60.96-27.31 61.1-46.6c.13-17.88-8.58-21.43-9.57-26.04c-.84-3.94 6.76-21.96-10.28-28.44c-20.11-7.65-27.6 11.68-28.16 12.1s-6.05.7-10.84.7s-10 0-10.56-.56S41.19 11.2 23.45 19.36c-16.64 7.67-9.01 26.05-9.29 29.01"/><path fill="#2f2f2f" d="M103.08 42.36c0 5.29-3 9.76-8.02 9.57c-4.33-.16-7.84-4.29-7.84-9.57s3.51-9.49 7.84-9.57c5.11-.1 8.02 4.28 8.02 9.57m-61.19-.75c.28 6.76-3 10.14-8.02 10.04c-4.22-.08-7.56-3.19-7.65-9.67c-.08-5.34 1.97-9.48 7.65-9.67c4.22-.13 7.8 3.97 8.02 9.3m11.4 21.89c-.81 1.79-3.06 2.35-4.57 1.48c-1.5-.87-1.91-3.23-.93-4.93s2.65-1.96 3.87-1.48c1.63.64 2.83 2.28 1.63 4.93m27.04-2.95c.77 1.86-.16 4.04-1.94 4.57s-3.69-.61-4.26-2.54s.14-3.61 1.87-4.3c1.13-.44 3.19-.48 4.33 2.27"/><path fill="#ff6011" d="m27.44 78.31l.38 2.72s10.51 10.98 35.85 11.36c26 .39 37.26-12.29 37.26-12.29l-11.64-5.63s-11.07 4.69-25.34 4.41s-28.34-4.41-28.34-4.41z"/><path fill="#865b51" d="M104.59 71.92c-3.28-4.79-7.23-.43-13.42 1.88c-3.43 1.28-5.7 2.02-5.7 2.02s5.09.99 7.34 2.21s6.17 3.89 6.17 3.89s8.37-5.96 5.61-10m-79.78-.56c-3.94 2.63 3.02 9.68 3.02 9.68s2.15-1.98 5.06-3.2s7.78-2.1 7.78-2.1s-5.63-1.27-8.9-3.16c-1.69-.96-4.71-2.72-6.96-1.22"/></svg>
React
import type { SVGProps } from "react";
export function NotoFrog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b7d019" d="M14.16 48.37c-.43 4.5-10 10.84-9.57 26.89s13.09 44.06 57.72 44.77c44.63.7 60.96-27.31 61.1-46.6c.13-17.88-8.58-21.43-9.57-26.04c-.84-3.94 6.76-21.96-10.28-28.44c-20.11-7.65-27.6 11.68-28.16 12.1s-6.05.7-10.84.7s-10 0-10.56-.56S41.19 11.2 23.45 19.36c-16.64 7.67-9.01 26.05-9.29 29.01"/><path fill="#2f2f2f" d="M103.08 42.36c0 5.29-3 9.76-8.02 9.57c-4.33-.16-7.84-4.29-7.84-9.57s3.51-9.49 7.84-9.57c5.11-.1 8.02 4.28 8.02 9.57m-61.19-.75c.28 6.76-3 10.14-8.02 10.04c-4.22-.08-7.56-3.19-7.65-9.67c-.08-5.34 1.97-9.48 7.65-9.67c4.22-.13 7.8 3.97 8.02 9.3m11.4 21.89c-.81 1.79-3.06 2.35-4.57 1.48c-1.5-.87-1.91-3.23-.93-4.93s2.65-1.96 3.87-1.48c1.63.64 2.83 2.28 1.63 4.93m27.04-2.95c.77 1.86-.16 4.04-1.94 4.57s-3.69-.61-4.26-2.54s.14-3.61 1.87-4.3c1.13-.44 3.19-.48 4.33 2.27"/><path fill="#ff6011" d="m27.44 78.31l.38 2.72s10.51 10.98 35.85 11.36c26 .39 37.26-12.29 37.26-12.29l-11.64-5.63s-11.07 4.69-25.34 4.41s-28.34-4.41-28.34-4.41z"/><path fill="#865b51" d="M104.59 71.92c-3.28-4.79-7.23-.43-13.42 1.88c-3.43 1.28-5.7 2.02-5.7 2.02s5.09.99 7.34 2.21s6.17 3.89 6.17 3.89s8.37-5.96 5.61-10m-79.78-.56c-3.94 2.63 3.02 9.68 3.02 9.68s2.15-1.98 5.06-3.2s7.78-2.1 7.78-2.1s-5.63-1.27-8.9-3.16c-1.69-.96-4.71-2.72-6.96-1.22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b7d019" d="M14.16 48.37c-.43 4.5-10 10.84-9.57 26.89s13.09 44.06 57.72 44.77c44.63.7 60.96-27.31 61.1-46.6c.13-17.88-8.58-21.43-9.57-26.04c-.84-3.94 6.76-21.96-10.28-28.44c-20.11-7.65-27.6 11.68-28.16 12.1s-6.05.7-10.84.7s-10 0-10.56-.56S41.19 11.2 23.45 19.36c-16.64 7.67-9.01 26.05-9.29 29.01"/><path fill="#2f2f2f" d="M103.08 42.36c0 5.29-3 9.76-8.02 9.57c-4.33-.16-7.84-4.29-7.84-9.57s3.51-9.49 7.84-9.57c5.11-.1 8.02 4.28 8.02 9.57m-61.19-.75c.28 6.76-3 10.14-8.02 10.04c-4.22-.08-7.56-3.19-7.65-9.67c-.08-5.34 1.97-9.48 7.65-9.67c4.22-.13 7.8 3.97 8.02 9.3m11.4 21.89c-.81 1.79-3.06 2.35-4.57 1.48c-1.5-.87-1.91-3.23-.93-4.93s2.65-1.96 3.87-1.48c1.63.64 2.83 2.28 1.63 4.93m27.04-2.95c.77 1.86-.16 4.04-1.94 4.57s-3.69-.61-4.26-2.54s.14-3.61 1.87-4.3c1.13-.44 3.19-.48 4.33 2.27"/><path fill="#ff6011" d="m27.44 78.31l.38 2.72s10.51 10.98 35.85 11.36c26 .39 37.26-12.29 37.26-12.29l-11.64-5.63s-11.07 4.69-25.34 4.41s-28.34-4.41-28.34-4.41z"/><path fill="#865b51" d="M104.59 71.92c-3.28-4.79-7.23-.43-13.42 1.88c-3.43 1.28-5.7 2.02-5.7 2.02s5.09.99 7.34 2.21s6.17 3.89 6.17 3.89s8.37-5.96 5.61-10m-79.78-.56c-3.94 2.63 3.02 9.68 3.02 9.68s2.15-1.98 5.06-3.2s7.78-2.1 7.78-2.1s-5.63-1.27-8.9-3.16c-1.69-.96-4.71-2.72-6.96-1.22"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23b7d019%22%20d%3D%22M14.16%2048.37c-.43%204.5-10%2010.84-9.57%2026.89s13.09%2044.06%2057.72%2044.77c44.63.7%2060.96-27.31%2061.1-46.6c.13-17.88-8.58-21.43-9.57-26.04c-.84-3.94%206.76-21.96-10.28-28.44c-20.11-7.65-27.6%2011.68-28.16%2012.1s-6.05.7-10.84.7s-10%200-10.56-.56S41.19%2011.2%2023.45%2019.36c-16.64%207.67-9.01%2026.05-9.29%2029.01%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M103.08%2042.36c0%205.29-3%209.76-8.02%209.57c-4.33-.16-7.84-4.29-7.84-9.57s3.51-9.49%207.84-9.57c5.11-.1%208.02%204.28%208.02%209.57m-61.19-.75c.28%206.76-3%2010.14-8.02%2010.04c-4.22-.08-7.56-3.19-7.65-9.67c-.08-5.34%201.97-9.48%207.65-9.67c4.22-.13%207.8%203.97%208.02%209.3m11.4%2021.89c-.81%201.79-3.06%202.35-4.57%201.48c-1.5-.87-1.91-3.23-.93-4.93s2.65-1.96%203.87-1.48c1.63.64%202.83%202.28%201.63%204.93m27.04-2.95c.77%201.86-.16%204.04-1.94%204.57s-3.69-.61-4.26-2.54s.14-3.61%201.87-4.3c1.13-.44%203.19-.48%204.33%202.27%22%2F%3E%3Cpath%20fill%3D%22%23ff6011%22%20d%3D%22m27.44%2078.31l.38%202.72s10.51%2010.98%2035.85%2011.36c26%20.39%2037.26-12.29%2037.26-12.29l-11.64-5.63s-11.07%204.69-25.34%204.41s-28.34-4.41-28.34-4.41z%22%2F%3E%3Cpath%20fill%3D%22%23865b51%22%20d%3D%22M104.59%2071.92c-3.28-4.79-7.23-.43-13.42%201.88c-3.43%201.28-5.7%202.02-5.7%202.02s5.09.99%207.34%202.21s6.17%203.89%206.17%203.89s8.37-5.96%205.61-10m-79.78-.56c-3.94%202.63%203.02%209.68%203.02%209.68s2.15-1.98%205.06-3.2s7.78-2.1%207.78-2.1s-5.63-1.27-8.9-3.16c-1.69-.96-4.71-2.72-6.96-1.22%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23b7d019%22%20d%3D%22M14.16%2048.37c-.43%204.5-10%2010.84-9.57%2026.89s13.09%2044.06%2057.72%2044.77c44.63.7%2060.96-27.31%2061.1-46.6c.13-17.88-8.58-21.43-9.57-26.04c-.84-3.94%206.76-21.96-10.28-28.44c-20.11-7.65-27.6%2011.68-28.16%2012.1s-6.05.7-10.84.7s-10%200-10.56-.56S41.19%2011.2%2023.45%2019.36c-16.64%207.67-9.01%2026.05-9.29%2029.01%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M103.08%2042.36c0%205.29-3%209.76-8.02%209.57c-4.33-.16-7.84-4.29-7.84-9.57s3.51-9.49%207.84-9.57c5.11-.1%208.02%204.28%208.02%209.57m-61.19-.75c.28%206.76-3%2010.14-8.02%2010.04c-4.22-.08-7.56-3.19-7.65-9.67c-.08-5.34%201.97-9.48%207.65-9.67c4.22-.13%207.8%203.97%208.02%209.3m11.4%2021.89c-.81%201.79-3.06%202.35-4.57%201.48c-1.5-.87-1.91-3.23-.93-4.93s2.65-1.96%203.87-1.48c1.63.64%202.83%202.28%201.63%204.93m27.04-2.95c.77%201.86-.16%204.04-1.94%204.57s-3.69-.61-4.26-2.54s.14-3.61%201.87-4.3c1.13-.44%203.19-.48%204.33%202.27%22%2F%3E%3Cpath%20fill%3D%22%23ff6011%22%20d%3D%22m27.44%2078.31l.38%202.72s10.51%2010.98%2035.85%2011.36c26%20.39%2037.26-12.29%2037.26-12.29l-11.64-5.63s-11.07%204.69-25.34%204.41s-28.34-4.41-28.34-4.41z%22%2F%3E%3Cpath%20fill%3D%22%23865b51%22%20d%3D%22M104.59%2071.92c-3.28-4.79-7.23-.43-13.42%201.88c-3.43%201.28-5.7%202.02-5.7%202.02s5.09.99%207.34%202.21s6.17%203.89%206.17%203.89s8.37-5.96%205.61-10m-79.78-.56c-3.94%202.63%203.02%209.68%203.02%209.68s2.15-1.98%205.06-3.2s7.78-2.1%207.78-2.1s-5.63-1.27-8.9-3.16c-1.69-.96-4.71-2.72-6.96-1.22%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/frog.svg?color=%231a73e8&size=48
