ICONYZ
Русский
Иконка Opensea из набора Simple Icons

Иконка Opensea

simple-icons:opensea

Иконка Opensea (simple-icons:opensea) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Simple Icons
Автор
Simple Icons Collaborators
Лицензия
CC0-1.0
Размер
24 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.374 0 0 5.374 0 12s5.374 12 12 12s12-5.374 12-12S18.629 0 12 0M5.92 12.403l.051-.081l3.123-4.884a.107.107 0 0 1 .187.014c.52 1.169.972 2.623.76 3.528c-.088.372-.335.876-.614 1.342a2 2 0 0 1-.117.199a.1.1 0 0 1-.09.045H6.013a.106.106 0 0 1-.091-.163zm13.914 1.68a.11.11 0 0 1-.065.101c-.243.103-1.07.485-1.414.962c-.878 1.222-1.548 2.97-3.048 2.97H9.053a4.02 4.02 0 0 1-4.013-4.028v-.072c0-.058.048-.106.108-.106h3.485c.07 0 .12.063.115.132c-.026.226.017.459.125.67c.206.42.636.682 1.099.682h1.726v-1.347H9.99a.11.11 0 0 1-.089-.173l.063-.09c.16-.231.391-.586.621-.992c.156-.274.308-.566.43-.86q.034-.08.065-.16c.033-.094.067-.182.091-.269a5 5 0 0 0 .065-.223c.057-.25.081-.514.081-.787c0-.108-.004-.221-.014-.327c-.005-.117-.02-.235-.034-.352a3 3 0 0 0-.048-.312a7 7 0 0 0-.098-.468l-.014-.06c-.03-.108-.056-.21-.09-.317a12 12 0 0 0-.328-.972a5 5 0 0 0-.142-.355c-.072-.178-.146-.339-.213-.49a4 4 0 0 1-.094-.197a5 5 0 0 0-.103-.213c-.024-.053-.053-.104-.072-.152l-.211-.388c-.029-.053.019-.118.077-.101l1.32.357h.01l.173.05l.192.054l.07.019v-.783c0-.379.302-.686.679-.686a.66.66 0 0 1 .477.202a.7.7 0 0 1 .2.484V6.65l.141.039q.016.007.031.017q.052.037.147.11q.074.059.165.137a10 10 0 0 1 .574.504c.214.199.454.432.684.691c.065.074.127.146.192.226c.062.079.132.156.19.232c.079.104.16.212.235.324c.033.053.074.108.105.161c.096.142.178.288.257.435c.034.067.067.141.096.213c.089.197.159.396.202.598a1 1 0 0 1 .029.132v.01c.014.057.019.12.024.184a2.1 2.1 0 0 1-.106.874c-.031.084-.06.17-.098.254c-.075.17-.161.343-.264.502c-.034.06-.075.122-.113.182c-.043.063-.089.123-.127.18a4 4 0 0 1-.173.221q-.078.11-.166.209q-.12.147-.245.278c-.048.058-.1.118-.156.17c-.052.06-.108.113-.156.161c-.084.084-.15.147-.208.202l-.137.122a.1.1 0 0 1-.072.03h-1.051v1.346h1.322c.295 0 .576-.104.804-.298c.077-.067.415-.36.816-.802a.1.1 0 0 1 .05-.03l3.65-1.057a.108.108 0 0 1 .138.103z"/></svg>

Как использовать иконку Opensea

React

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

<Icon icon="simple-icons:opensea" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:opensea" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:opensea" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="simple-icons:opensea"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/opensea.svg" alt="Иконка Opensea" width="24" height="24">

Похожие иконки в наборе Simple Icons

Иконка Opensea в других наборах

Вопросы и ответы: Иконка Opensea

Можно ли бесплатно использовать иконку Opensea в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Opensea в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:opensea" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Opensea на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/opensea.svg" alt="Иконка Opensea">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →