Frog 48 icon
energy-icons:frog-48
The Frog 48 icon (energy-icons:frog-48) is a free SVG icon from the Energy Icons set by Sam Passmore. It is drawn on a 48 × 48 grid. Energy Icons are released under the MIT 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
- Energy Icons
- Author
- Sam Passmore
- License
- MIT
- Size
- 48 × 48
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M39 28c0-3.662-1.581-6.36-4.196-8.179C32.148 17.974 28.37 17 24 17s-8.148.974-10.804 2.821C10.582 21.641 9 24.338 9 28s1.582 6.36 4.196 8.179C15.852 38.026 19.63 39 24 39s8.148-.974 10.804-2.821C37.418 34.359 39 31.662 39 28m2 0c0 4.338-1.919 7.64-5.054 9.821C32.852 39.974 28.63 41 24 41s-8.851-1.026-11.946-3.179C8.918 35.641 7 32.338 7 28s1.918-7.64 5.054-9.821C15.149 16.026 19.37 15 24 15s8.852 1.026 11.946 3.179C39.082 20.359 41 23.662 41 28M18 9a3 3 0 1 0-6 0a3 3 0 0 0 6 0m2 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0m16 0a3 3 0 1 0-6 0a3 3 0 0 0 6 0m2 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="currentColor" d="M14 9.02V9a1 1 0 1 1 2 0v.02a1 1 0 1 1-2 0m18 0V9a1 1 0 1 1 2 0v.02a1 1 0 1 1-2 0m-.707 20.273a1 1 0 1 1 1.414 1.414C30.477 32.937 27.198 34 24 34s-6.477-1.063-8.707-3.293a1 1 0 1 1 1.414-1.414C18.477 31.063 21.198 32 24 32s5.523-.937 7.293-2.707"/></svg>How to use the Frog 48 icon
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:frog-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:frog-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:frog-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--frog-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:frog-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:frog-48"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/energy-icons/frog-48.svg" alt="Frog 48 icon" width="24" height="24">Related icons in Energy Icons
Frog 48 icon FAQ
Is the Frog 48 icon free for commercial use?
Yes. Energy Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Frog 48 icon in React?
Install @iconify/react and render <Icon icon="energy-icons:frog-48" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Frog 48 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/energy-icons/frog-48.svg" alt="Frog 48 icon">, or paste the SVG code inline to style it with CSS.