ICONYZ
English
My Page icon from Arcticons

My Page icon

arcticons:my-page

The My Page icon (arcticons:my-page) 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
mypage
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="M14.58 22.744c0 2.342 2.342 2.159 2.342 3.381s-5.336.978-5.336 5.459s4.094 6.823 9.817 6.823s15.011-2.505 15.011-10.734s-9.573-9.206-12.75-9.206s-9.084 1.201-9.084 4.277"/><circle cx="20.792" cy="34.863" r="1.621" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="26.882" cy="34.231" r="1.621" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="31.913" cy="30.932" r="1.621" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="32.157" cy="25.27" r="1.621" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><ellipse cx="19.677" cy="23.606" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.634" ry="1.222" transform="rotate(-4.12 19.677 23.605)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.933 42.267H9.067L5.5 38.7V13.667h37V38.7z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.228 13.667V9.3L29.66 5.733h-10.9L15.194 9.3v4.367"/></svg>

How to use the My Page icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

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

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

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

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

Browse all Arcticons →