ICONYZ
Português (Brasil)
Ícone Opensea de theSVG Color

Ícone Opensea

thesvg-color:opensea

O ícone Opensea (thesvg-color:opensea) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 360 × 360. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
theSVG Color
Autor
thesvg.org
Licença
MIT
Tamanho
360 × 360
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" viewBox="0 0 360 360"><defs><path id="SVGKnpvmbbh" fill="#fff" d="M0 0h360v360H0z"/></defs><g fill="none"><g clip-path="url(#SVGqI5mxgEY)"><g clip-path="url(#SVGqI5mxgEY)"><path fill="#fff" d="M252.072 212.292c-6.246 8.37-19.386 22.266-26.694 22.266h-33.966v-22.284h27.054c3.87 0 7.56-1.566 10.224-4.32c13.896-14.4 21.924-31.536 21.924-49.914c0-31.356-23.436-59.076-59.22-75.78V67.284c0-6.444-5.22-11.664-11.664-11.664s-11.664 5.22-11.664 11.664v6.21a191 191 0 0 0-31.734-6.444c18.36 19.944 29.574 46.62 29.574 75.87c0 26.226-8.964 50.31-24.03 69.39h26.19v22.32h-38.34a9.39 9.39 0 0 1-9.396-9.396v-9.756a3.115 3.115 0 0 0-3.114-3.114H66.672c-.99 0-1.836.81-1.836 1.8c-.036 39.924 31.554 69.894 69.336 69.894h106.65c25.56 0 36.99-32.76 51.966-53.604c5.814-8.064 19.764-14.544 23.994-16.344c.774-.324 1.224-1.044 1.224-1.89v-12.96c0-1.314-1.296-2.304-2.574-1.944c0 0-61.65 14.166-62.37 14.364c-.72.216-.99.63-.99.63z"/><path fill="#fff" d="M146.16 142.83c0-20.106-6.894-38.61-18.414-53.244L69.732 189.972h62.406c8.874-13.536 14.04-29.736 14.04-47.124z"/><path fill="#0086ff" d="M181.566 0C80.91-.828-.828 80.91 0 181.566c.846 97.74 80.694 177.606 178.416 178.416c100.656.864 182.43-80.91 181.566-181.566C359.172 80.712 279.306.846 181.566 0m-53.82 89.586c11.52 14.634 18.414 33.156 18.414 53.244c0 17.406-5.166 33.606-14.04 47.124H69.714l58.014-100.386zm190.26 109.656v12.96c0 .846-.45 1.566-1.224 1.89c-4.23 1.8-18.18 8.28-23.994 16.344c-14.976 20.844-26.406 53.604-51.966 53.604h-106.65c-37.764 0-69.354-29.97-69.336-69.894c0-.99.846-1.8 1.836-1.8h50.544a3.104 3.104 0 0 1 3.114 3.114v9.756a9.39 9.39 0 0 0 9.396 9.396h38.34v-22.32h-26.19c15.066-19.08 24.03-43.164 24.03-69.39c0-29.25-11.214-55.926-29.574-75.87a192 192 0 0 1 31.734 6.444v-6.21c0-6.444 5.22-11.664 11.664-11.664s11.664 5.22 11.664 11.664v14.976c35.784 16.704 59.22 44.424 59.22 75.78c0 18.396-8.046 35.514-21.924 49.914a14.22 14.22 0 0 1-10.224 4.32h-27.054v22.284h33.966c7.326 0 20.466-13.896 26.694-22.266c0 0 .27-.414.99-.63s62.37-14.364 62.37-14.364c1.296-.36 2.574.63 2.574 1.944z"/></g></g><defs><clipPath id="SVGqI5mxgEY"><use href="#SVGKnpvmbbh"/></clipPath></defs></g></svg>

Como usar o ícone Opensea

React

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

<Icon icon="thesvg-color:opensea" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:opensea" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:opensea" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--opensea]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:opensea"></div>

Web component

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

<iconify-icon icon="thesvg-color:opensea"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/opensea.svg" alt="Ícone Opensea" width="24" height="24">

Ícones relacionados em theSVG Color

O ícone Opensea em outras coleções

Perguntas frequentes sobre Ícone Opensea

O ícone Opensea é grátis para uso comercial?

Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Opensea no React?

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

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

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

Ver todos os Ícones theSVG Color →