Иконка Metis Background

token-branded:metis-background

Иконка Metis Background (token-branded:metis-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Web3 Icons Branded
Автор: 0xa3k5
Лицензия: MIT
Размер: 24 × 24
Теги: metisbackground

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#00d8c1" d="M24 0H0v24h24z"/><path fill="#000" d="M11.836 12.725c.164-.301.447-.626.7-.95c.688.009 1.154.037 1.817-.316c.236-.122.297-.113.367-.386c-.819 0-.997.094-1.666.254c.438-.63 2.137-1.035 2.24-1.835c-.588.132-.8.23-1.204.536l-.965.782c.042-.264.226-.546.33-.782c.15-.352.108-.484.207-.851c-.288.028-.434.343-.612.597c-.786 1.177-.49 2.132-1.36 2.645c.056-.583.287-1.242.113-1.896c-.495-.047-.55 1.068-.55 1.703c0 1.464.022.753-.48 1.798c-.039-.405-.006-1.341-.119-1.624c-.136-.353-.033-.23-.32-.235c-.207.386-.07 1.464.02 1.897c.07.367.164.508.07.814a10 10 0 0 1-.297.748c-.127-.588-.451-1.633-.931-1.572c-.137.565.503 1.581.828 1.835c-.01.518-.15.669-.165 1.29c.085-.15.108-.23.15-.395a4 4 0 0 0 .085-.518c.626-.019 1.836-.15 1.949-.988c-.518-.17-1.389.423-1.789.644c.057-.315.311-.988.48-1.195c.485.122 1.756.038 1.92-.65l-1.84.354l.621-1.144c.678 0 2.071-.207 2.231-.861c-.795-.094-1.2.179-1.835.301z"/><path fill="#000" d="M12.019 4C16.424 4 20 7.642 20 12.132c0 4.527-3.501 6.87-5.953 7.868h-.014c-.593-.753-.376-.612.245-2.132c.451-1.106.376-1.261.545-1.76c.066-.188.194-.33.269-.47c2.15-.029 2.32-.052 2.306-.941c0-.608-.038-.391.216-.777c-.179-.282-.132-.39-.07-.593c.108-.353-.015-.31-.095-.616c.264-.236.509-.245.669-.603c-.18-.292-.447-.428-.716-.645c-.47-.385-.687-.686-.696-.931c-.014-.33.287-.56.292-.753c.009-.221-.278-.565-.414-.814l-.424-.941c-.461-1.14-1.092-1.252-2.414-1.403c-1.073-.127-1.732-.273-2.292-.268c-.706.005-1.261.4-2.306 1.223c-.46.358-.963.658-1.496.895c-.725.555-1.741 1.411-1.75 2.338c-.015.4-.01.796-.02 1.191c-.023 1.073.772 1.266.895 1.534c.094.198.037.405.164.687c.193.424.17.179.447.405c.245.188.353.8.523 1.096c.338.593 1.68.904 1.938 1.111c-.042.73-.79 2-1.317 2.626A8.15 8.15 0 0 1 4 12.122C4.033 7.642 7.61 4 12.02 4"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

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

React

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

<Icon icon="token-branded:metis-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:metis-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:metis-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--metis-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:metis-background"></div>

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

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

<iconify-icon icon="token-branded:metis-background"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/token-branded/metis-background.svg" alt="Иконка Metis Background" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Web3 Icons Branded →