Иконка Moonriver

token:moonriver

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.356 11.312a7.41 7.41 0 1 0-14.689.175a5.98 5.98 0 0 1 3.996-1.605c1.52.027 2.995.52 4.225 1.414a5.3 5.3 0 0 0 3.642 1.048a6.3 6.3 0 0 0 2.821-1.038zm-13.18 2.805c0-.248.238-.53.53-.53c.29 0 .528.282.528.53v2.636c0 .25-.238.541-.529.541s-.53-.291-.53-.54zm4.764-.53c0-.243.238-.528.53-.528c.29 0 .528.285.528.529v2.647c0 .244-.238.53-.528.53c-.292 0-.53-.287-.53-.53zm1.588 1.06c0-.228.239-.53.529-.53s.53.302.53.53v.529c0 .227-.239.53-.53.53c-.29 0-.529-.303-.529-.53zm4.764.529c0-.27.239-.529.529-.529s.531.26.531.529v1.589a.544.544 0 0 1-.531.528a.545.545 0 0 1-.529-.528zm-9.528-1.588c0-.238.238-.53.529-.53s.53.292.53.53v3.732c0 .239-.239.503-.53.503c-.29 0-.53-.264-.53-.503zm6.353 1.588c0-.264.237-.529.528-.529s.53.265.53.529v4.236a.55.55 0 0 1-.53.528a.55.55 0 0 1-.53-.529zm1.587.531c0-.243.238-.53.53-.53c.291 0 .528.287.528.53v3.175c0 .243-.237.53-.528.53s-.53-.287-.53-.53zM9.35 13.06c0-.248.239-.53.53-.53s.529.282.529.53v7.411c0 .249-.237.529-.529.529c-.291 0-.53-.28-.53-.529z"/><path fill="currentColor" d="M9.172 11.895a5.2 5.2 0 0 0-3.796 1.345a.482.482 0 0 1-.762-.211a.46.46 0 0 1 .142-.5a6.14 6.14 0 0 1 7.04-.845q.51.288.96.667l.264.195a5.4 5.4 0 0 0 2.912.91c1.196.011 2.238-.667 2.715-1.015a.478.478 0 0 1 .748.254a.46.46 0 0 1-.176.492c-.498.37-1.763 1.218-3.298 1.207a6.4 6.4 0 0 1-3.441-1.075l-.355-.264l-.158-.127a4.94 4.94 0 0 0-2.795-1.038z"/></svg>

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

React

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

<Icon icon="token:moonriver" width="24" />

Vue

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

<template>
  <Icon icon="token:moonriver" width="24" />
</template>

Svelte

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

<Icon icon="token:moonriver" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="token:moonriver"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/token/moonriver.svg" alt="Иконка Moonriver" width="24" height="24">

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

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

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

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

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

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

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

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

Все Web3 Icons →