Иконка Metis Andromeda Background
token-branded:metis-andromeda-background
Иконка Metis Andromeda Background (token-branded:metis-andromeda-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
- Теги
- metisandromeda, andromedabackground, metisandromedabackground
Код 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="#fff" d="M11.836 12.724c.164-.3.447-.626.701-.95c.686.01 1.153.038 1.816-.316c.235-.122.297-.113.367-.385c-.818 0-.997.094-1.666.253c.438-.63 2.137-1.035 2.24-1.834c-.588.131-.8.23-1.204.535l-.965.782c.043-.263.226-.545.33-.782c.15-.352.108-.484.207-.85c-.287.027-.433.343-.612.597c-.786 1.176-.49 2.131-1.36 2.645c.057-.584.287-1.243.113-1.897c-.495-.047-.55 1.068-.55 1.704c0 1.463.023.753-.48 1.797c-.039-.405-.006-1.34-.119-1.624c-.136-.352-.033-.23-.32-.235c-.207.387-.07 1.464.02 1.896c.07.368.164.509.07.815a9 9 0 0 1-.297.748c-.126-.589-.451-1.633-.931-1.571c-.136.564.503 1.58.828 1.834c-.009.519-.15.669-.165 1.29c.085-.151.109-.231.15-.396c.04-.16.072-.352.085-.517c.626-.019 1.836-.15 1.95-.988c-.52-.17-1.39.424-1.79.644c.058-.315.311-.988.48-1.194c.486.122 1.756.037 1.92-.65l-1.84.353l.622-1.144c.677 0 2.07-.206 2.23-.86c-.795-.095-1.2.178-1.835.3z"/><path fill="#fff" d="M12.02 4C16.422 4 20 7.642 20 12.132c0 4.527-3.5 6.87-5.953 7.868h-.014c-.593-.753-.377-.612.245-2.132c.451-1.106.376-1.26.545-1.76c.066-.187.194-.33.268-.47c2.151-.029 2.32-.052 2.306-.941c0-.607-.037-.391.218-.777c-.18-.283-.132-.39-.072-.592c.109-.354-.014-.311-.093-.618c.264-.235.507-.245.668-.601c-.18-.292-.447-.428-.715-.646c-.471-.384-.688-.686-.697-.931c-.014-.33.287-.56.291-.753c.01-.22-.277-.565-.413-.814l-.424-.94c-.461-1.14-1.092-1.253-2.414-1.403c-1.072-.127-1.732-.274-2.292-.269c-.705.006-1.26.4-2.306 1.223c-.46.358-.963.658-1.496.895c-.724.555-1.74 1.412-1.75 2.339c-.015.4-.01.795-.02 1.19c-.023 1.073.772 1.266.894 1.534c.095.197.039.405.165.687c.193.424.17.18.448.405c.244.187.352.8.521 1.096c.34.593 1.68.904 1.94 1.11c-.043.73-.791 2-1.318 2.627a8.16 8.16 0 0 1-4.531-7.336C4.033 7.643 7.61 4 12.019 4"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Metis Andromeda Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:metis-andromeda-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:metis-andromeda-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:metis-andromeda-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--metis-andromeda-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:metis-andromeda-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:metis-andromeda-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/metis-andromeda-background.svg" alt="Иконка Metis Andromeda Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Metis Andromeda Background
Можно ли бесплатно использовать иконку Metis Andromeda Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Metis Andromeda Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:metis-andromeda-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Metis Andromeda Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/metis-andromeda-background.svg" alt="Иконка Metis Andromeda Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.