Opensea icon

thesvg-color:opensea

The Opensea icon (thesvg-color:opensea) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 360 × 360 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 360 × 360

Download SVG

SVG code

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

How to use the Opensea icon

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>

HTML image

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

Related icons in theSVG Color

Opensea icon in other icon sets

Opensea icon FAQ

Is the Opensea icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Opensea icon in React?

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

How do I add the Opensea icon to a web page?

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

Browse all theSVG Color icons →