ICONYZ
English
My Spectrum icon from Arcticons

My Spectrum icon

arcticons:my-spectrum

The My Spectrum icon (arcticons:my-spectrum) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Arcticons
Author
Donnnno
License
CC-BY-SA-4.0
Size
48 × 48
Tags
myspectrum
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.865 42.5c0-9.867-7.998-17.865-17.865-17.865S6.135 32.633 6.135 42.5z"/><circle cx="24.412" cy="15.074" r="9.574" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>

How to use the My Spectrum icon

React

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

<Icon icon="arcticons:my-spectrum" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:my-spectrum" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:my-spectrum" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--my-spectrum]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:my-spectrum"></div>

Web component

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

<iconify-icon icon="arcticons:my-spectrum"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/my-spectrum.svg" alt="My Spectrum icon" width="24" height="24">

Related icons in Arcticons

my-a1 icon
my-a1
 my-ac icon
my-ac
 my-apps-time icon
my-apps-time
 my-argentina icon
my-argentina
 my-au icon
my-au
 my-audi icon
my-audi
 my-base icon
my-base
 my-boy icon
my-boy
 my-bplus icon
my-bplus
 my-brain icon
my-brain
 my-cloud-home icon
my-cloud-home
 my-cupra icon
my-cupra
 my-data-manager icon
my-data-manager
 my-desktop-iscreen icon
my-desktop-iscreen
 my-device icon
my-device
 my-diary icon
my-diary
 my-diary-2 icon
my-diary-2
 my-digi icon
my-digi
 my-dishtv icon
my-dishtv
 my-docomo icon
my-docomo
 my-dyson icon
my-dyson
 my-edenred icon
my-edenred
 my-edenred-shopping icon
my-edenred-shopping
 my-ee icon
my-ee

My Spectrum icon FAQ

Is the My Spectrum icon free for commercial use?

Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the My Spectrum icon in React?

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

How do I add the My Spectrum icon to a web page?

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

Browse all Arcticons →