ICONYZ
English
My Orange icon from Arcticons

My Orange icon

arcticons:my-orange

The My Orange icon (arcticons:my-orange) 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
myorange
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="23.124" cy="11.779" r="7.279" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.1 23.693s-1.387-2.885-4.492-4.176c0 0-6.085 5.237-13.023 0c0 0-5.346 2.385-5.573 8.186V38.11s.333 3.555 3.98 3.81l9.612-.057"/><rect width="10.211" height="17.605" x="26.777" y="25.895" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.673" ry="1.673"/><circle cx="31.882" cy="41.14" r=".75" fill="currentColor"/></svg>

How to use the My Orange icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/my-orange.svg" alt="My Orange 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 Orange icon FAQ

Is the My Orange 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 Orange icon in React?

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

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

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

Browse all Arcticons →