ICONYZ
Español
Icono Money Range de Material Symbols

Icono Money Range

material-symbols:money-range

El icono Money Range (material-symbols:money-range) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Material Symbols
Autor
Google
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Negocios
Etiquetas
moneyrange
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 22.5L2 19l3.5-3.5l1.425 1.4l-1.1 1.1h12.35L17.1 16.9l1.4-1.4L22 19l-3.5 3.5l-1.425-1.4l1.1-1.1H5.825L6.9 21.1zM12 11q1.25 0 2.125-.875T15 8t-.875-2.125T12 5t-2.125.875T9 8t.875 2.125T12 11m-7 3q-.825 0-1.412-.587T3 12V4q0-.825.588-1.412T5 2h14q.825 0 1.413.588T21 4v8q0 .825-.587 1.413T19 14zm0-2h2q0-.825-.587-1.412T5 10zm12 0h2v-2q-.825 0-1.412.588T17 12m2-6V4h-2q0 .825.588 1.413T19 6M5 6q.825 0 1.413-.587T7 4H5z"/></svg>

Cómo usar el icono Money Range

React

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

<Icon icon="material-symbols:money-range" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:money-range" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:money-range" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--money-range]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:money-range"></div>

Web component

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

<iconify-icon icon="material-symbols:money-range"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/money-range.svg" alt="Icono Money Range" width="24" height="24">

Iconos relacionados en Material Symbols

El icono Money Range en otras colecciones

Preguntas frecuentes sobre Icono Money Range

¿El icono Money Range es gratis para uso comercial?

Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Money Range en React?

Instala @iconify/react y renderiza <Icon icon="material-symbols:money-range" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Money Range a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/money-range.svg" alt="Icono Money Range">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Symbols →