Morph Ball icon

game-icons:morph-ball

The Morph Ball icon (game-icons:morph-ball) 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
Tags: morphball

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="M219.758 27.83C109.325 45.195 25 140.648 25 256a233 233 0 0 0 3.617 40.982c43.722 13.41 79.408 22.373 110.326 18.803c19.005-2.194 36.72-8.817 54.371-22.465A72.47 72.47 0 0 1 183 256c0-18.063 6.632-34.616 17.566-47.385c-15.788-40.1-21.575-75.32-17.87-105.988c3.598-29.793 16.537-54.897 37.062-74.797m27.178 1.69c-26.69 18.811-42.236 43.485-46.141 75.816c-3.03 25.082 1.346 55.166 14.32 90.244a72.7 72.7 0 0 1 22.38-10.191c-3.43-25.147-.258-47.234 8.53-67.53c12.368-28.56 34.598-53.137 62.4-79.638c-8.255 1.92-16.586 3.542-24.435 4.217c-10.869.934-20.771.943-29.24-4.149c-3.212-1.93-6.112-5.042-7.814-8.77zm86.955 8.931c-33.434 31.126-59.007 57.533-71.364 86.07c-7.623 17.606-10.74 36.315-7.703 58.508c.393-.006.782-.029 1.176-.029c31.623 0 58.646 20.287 68.75 48.508c42.515 6.387 75.838 18.972 100.502 37.482c24.166 18.137 39.476 42.096 46.38 70.065C481.552 313.285 487 285.287 487 256c0-100.343-63.813-185.622-153.11-217.549zM256 201c-30.483 0-55 24.517-55 55s24.517 55 55 55s55-24.517 55-55s-24.517-55-55-55m0 14c22.537 0 41 18.463 41 41s-18.463 41-41 41s-41-18.463-41-41s18.463-41 41-41m0 18c-12.81 0-23 10.19-23 23s10.19 23 23 23s23-10.19 23-23s-10.19-23-23-23m72.766 17.436c.14 1.839.234 3.69.234 5.564c0 6.58-.894 12.957-2.54 19.03c23.252 9.594 40.641 23.319 53.733 40.956c18.55 24.99 28.719 56.534 37.768 93.862c2.465-8.11 5.226-16.136 8.566-23.27c4.626-9.88 9.57-18.46 18.213-23.248c3.278-1.816 7.423-2.776 11.502-2.387c-2.947-32.518-16.541-58.314-42.588-77.861c-20.128-15.106-48.232-26.33-84.888-32.646m-8.95 40.921C307.332 313.773 283.394 329 256 329c-4.616 0-9.128-.451-13.51-1.277c-26.751 33.541-54.272 56.058-82.592 68.144c-27.749 11.843-56.111 13.137-83.748 5.172C118.477 453.48 183.28 487 256 487c56.954 0 109.05-20.568 149.3-54.674c-10.263-44.664-20.346-80.118-38.925-105.146c-11.388-15.342-25.956-27.36-46.559-35.823M203.9 307.031c-19.947 15.357-40.54 23.565-62.375 26.086c-30.917 3.57-63.315-3.394-100.166-14.22c5.79 6.188 11.36 12.591 15.868 19.05c6.243 8.946 11.2 17.517 11.025 27.397c-.066 3.746-1.308 7.817-3.684 11.154c29.636 13.707 58.775 14.834 88.727 2.05c23.103-9.86 46.827-28.538 70.58-57.034A73.5 73.5 0 0 1 203.9 307.03z"/></svg>

How to use the Morph Ball icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:morph-ball"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/morph-ball.svg" alt="Morph Ball icon" width="24" height="24">

Morph Ball icon FAQ

Is the Morph Ball 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 Morph Ball icon in React?

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

How do I add the Morph Ball icon to a web page?

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

Browse all Game Icons →