Jellyfish icon

game-icons:jellyfish

The Jellyfish icon (game-icons:jellyfish) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M258.25 19.594c-76.095.492-152.275 42.48-171.844 139.812c-2.706 13.46.208 22.172 7.406 30.063c6.18 6.774 16.286 12.65 29.313 17.155c8.87-6.015 17.417-19.395 20.47-34.156c1.136 15.568 7.102 33.066 17.28 42.53c12.807 1.726 26.597 2.752 40.78 3.188C205.5 123.968 313.99 114.71 323.22 208.5c11.655-2.437 22.868-5.327 33.28-8.656c11.107-15.656 7.692-26.07 5.03-41c8.16 11.035 11.332 22.095 28.314 27.25c9.952-5.37 18.034-11.312 23.687-17.5c8.163-8.936 11.494-17.695 9.97-28.47c-10.676-75.457-84.34-119.695-161.625-120.53a209 209 0 0 0-3.625 0zm-29.22 23.093c24.367 0 44.126 19.73 44.126 44.094c0 24.367-19.76 44.126-44.125 44.126c-2.338 0-4.633-.18-6.874-.53c-3.684 14.55-16.865 25.343-32.562 25.343c-18.552 0-33.594-15.044-33.594-33.595c0-16.984 12.604-31.03 28.97-33.28c-.032-.682-.032-1.375-.032-2.064c0-24.365 19.727-44.093 44.093-44.093zm95.345 55.97c10.8 0 19.563 8.764 19.563 19.562c0 10.797-8.764 19.53-19.563 19.53c-10.8 0-19.53-8.733-19.53-19.53c0-10.8 8.73-19.564 19.53-19.564zm77.156 102.312c-5.32 3-11.025 5.787-17.03 8.374c12.71 15.545 19.88 34.71 22.75 54.25c4.855 33.055-4.353 66.41-16.813 78.97c-24.31 24.5-30.547 57.464-23.125 88.248c5.573 23.115 18.495 45.298 36.938 63.407h29.03c-24.623-17.53-41.752-42.65-47.81-67.783c-6.2-25.704-1.406-50.908 18.25-70.718c19.685-19.842 27.573-57.107 22.03-94.845c-3.062-20.85-10.79-42.05-24.22-59.906zm-41.06 17.25c-5.997 1.886-12.2 3.595-18.533 5.186c8.91 16.314 14.04 30.545 15.625 43.063c2.682 21.173-3.548 38.124-20.187 56.592c-23.118 25.66-24.01 54.512-27.563 82.625c-3.5 27.702-9.055 55.82-38.812 88.532h24.344c23.8-31.292 29.794-60.816 33-86.19c3.687-29.18 4.24-51.718 22.906-72.436c19.127-21.23 28.188-45.065 24.844-71.47c-1.838-14.506-7.098-29.6-15.625-45.905zm-39.75 9.905c-21.83 4.216-44.707 6.853-67.033 8.03c-16.476.87-33.335 1.24-49.875.845c-14.306 14.035-26.07 29.54-33.78 45.813c-12.875 27.174-13.776 57.767 5.562 82.812c.295.382.57.788.844 1.188c-10.236 6.08-21.41 11.5-33.25 16.75c-23.037 10.21-48.35 19.324-72.813 31.125c6.505-27.637 17.068-49.704 29.188-62.063c16.996-17.333 35.44-32.76 46-57.844c6.838-16.245 9.966-35.98 7.75-61.905a248 248 0 0 1-19.094-3.72c2.97 26.23.066 44.26-5.876 58.376c-8.568 20.355-24.4 33.955-42.125 52.033c-18.482 18.845-31.744 49.66-37.814 86.75c-9.37 5.463-18.45 11.502-27.062 18.406v24.936c7.454-7.247 15.6-13.632 24.25-19.406c-1.067 14.096-1.178 28.833-.22 43.97h18.75c-1.257-19.685-.448-38.66 1.94-56.158c26.77-14.288 56.505-24.9 84.717-37.406c10.524-4.664 20.864-9.69 30.72-15.375c-.125 10.524-4.077 23.175-12.344 37.19c-14.266 24.18-40.91 50.666-77.344 71.75h34.344c26.386-19.128 46.457-40.83 59.094-62.25c11.775-19.96 17.327-40.537 13.906-58.095c21.25-15.403 38.72-35.33 48.28-63.47c9.112 1.75 18.513.996 25.314-2.124c.256-.116.5-.252.75-.374c-7.986 68.863-42.73 137.217-112.313 186.313h30.72c69.553-58.027 100.686-136.855 102.03-213.033c18.65-7.55 31.337-26.797 26.782-53.062zM211.75 255.72c1.172 3.966 3.024 7.484 5.375 10.718l2.938 4.03l-1.72 4.688c-3.335 9.118-1.49 15.308 3.5 21.375c2.123 2.58 4.95 4.976 8.25 7.064c-7.543 23.296-20.897 39.753-38.124 52.844a47 47 0 0 0-1.595-2.22c-14.877-19.267-14.336-40.467-3.47-63.406c5.618-11.855 14.223-23.8 24.845-35.093z"/></svg>

How to use the Jellyfish icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:jellyfish" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:jellyfish" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:jellyfish" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--jellyfish]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:jellyfish"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:jellyfish"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/jellyfish.svg" alt="Jellyfish icon" width="24" height="24">

Jellyfish icon in other icon sets

Jellyfish icon FAQ

Is the Jellyfish icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Jellyfish icon in React?

Install @iconify/react and render <Icon icon="game-icons:jellyfish" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Jellyfish icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/jellyfish.svg" alt="Jellyfish icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →