Multilayer Sphere icon
icon-park:multilayer-sphere
The Multilayer Sphere icon (icon-park:multilayer-sphere) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Abstract
- Tags
- multilayersphere
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><circle cx="24" cy="24" r="20"/><path stroke-linecap="round" d="M4.3999 20C6.25298 29.129 14.324 36 23.9998 36C33.6756 36 41.7466 29.129 43.5997 20"/><path stroke-linecap="round" d="M5.66406 16C8.75028 23.0636 15.7986 28 23.9999 28C32.2012 28 39.2495 23.0636 42.3357 16"/><path stroke-linecap="round" d="M7.99854 12C11.6474 16.8578 17.4567 20 24 20C30.5433 20 36.3526 16.8578 40.015 12"/><path stroke-linecap="round" d="M11.998 8C15.341 10.5116 19.4967 12 24 12C28.5033 12 32.659 10.5116 36.0019 8"/></g></svg>How to use the Multilayer Sphere icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:multilayer-sphere" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:multilayer-sphere" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:multilayer-sphere" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--multilayer-sphere]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:multilayer-sphere"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:multilayer-sphere"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/multilayer-sphere.svg" alt="Multilayer Sphere icon" width="24" height="24">Multilayer Sphere icon in other icon sets
Multilayer Sphere icon FAQ
Is the Multilayer Sphere icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Multilayer Sphere icon in React?
Install @iconify/react and render <Icon icon="icon-park:multilayer-sphere" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Multilayer Sphere icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/multilayer-sphere.svg" alt="Multilayer Sphere icon">, or paste the SVG code inline to style it with CSS.