ICONYZ
Português (Brasil)
Ícone My Page de Arcticons

Ícone My Page

arcticons:my-page

O ícone My Page (arcticons:my-page) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Arcticons
Autor
Donnnno
Licença
CC-BY-SA-4.0
Tamanho
48 × 48
Tags
mypage
Baixar SVG

Código SVG

<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>

Como usar o ícone My Page

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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/arcticons/my-page.svg" alt="Ícone My Page" width="24" height="24">

Ícones relacionados em Arcticons

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

Perguntas frequentes sobre Ícone My Page

O ícone My Page é grátis para uso comercial?

Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone My Page no React?

Instale @iconify/react e renderize <Icon icon="arcticons:my-page" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone My Page a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/arcticons/my-page.svg" alt="Ícone My Page">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Arcticons →