Ícone Moonriver
token:moonriver
O ícone Moonriver (token:moonriver) é um ícone SVG gratuito da coleção Web3 Icons de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web3 Icons
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- moonrive
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:moonriver"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/moonriver.svg" alt="Ícone Moonriver" width="24" height="24">O ícone Moonriver em outras coleções
Perguntas frequentes sobre Ícone Moonriver
O ícone Moonriver é grátis para uso comercial?
Sim. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Moonriver no React?
Instale @iconify/react e renderize <Icon icon="token:moonriver" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Moonriver a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/moonriver.svg" alt="Ícone Moonriver">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.