Icono Forward 30
zmdi:forward-30
El icono Forward 30 (zmdi:forward-30) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 344 × 432. Material Design Iconic Font icons se publican bajo la Open Font License, 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 Design Iconic Font
- Autor
- MDI Community
- Licencia
- OFL-1.1
- Tamaño
- 344 × 432
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="432" viewBox="0 0 344 432"><path fill="currentColor" d="M119 272h9q6 0 10.5-4.5t4.5-8.5v-4q-2-2-2-4t-4-2h-11q-2 2-4.5 2t-2.5 4v4H98q0-6 2-10.5t6.5-8.5t8.5-4q1 0 5.5-1t5.5-1q8 0 13 2q2 1 5 2t5 2q3 1 7 9q2 4 2 10v7q-2 4-2 6q0 4-5 4q-2 0-6 5q9 4 11 8q4 9 4 13q0 8-2 11q-1 1-3 4t-4 4q-4 4-10 4q-2 0-6.5 1t-6.5 1q-9 0-11-2q-1-1-5-2t-5-2q-3-1-7-8q-2-5-2-13h17v4q2 2 2 4t5 2h10q2-2 4.5-2t2.5-4v-11q-2-2-2-4t-5-2h-13zm122 15q0 13-2 17l-6 13q-7 6-11 6q-2 0-6.5 1t-6.5 1q-8 0-13-2q-2-1-5-3t-5-3q-3-1-7-13q-2-6-2-17v-15q0-13 2-17l7-13q6-6 10-6q2 0 6.5-1t6.5-1q9 0 13 2q2 1 5 3t6 3q2 1 6 13q2 6 2 17zm-19-17v-11q-2-4-2-6l-5-4q-2-3-6-3t-6 3l-5 4q-2 4-2 6v43q2 4 2 6l5 5q2 2 6 2t6-2l5-5q2-4 2-6zM0 261.5Q0 191 50 141t121-50V5l106 107l-106 107v-86q-53 0-90.5 38T43 261.5t37.5 90t90 37.5t90.5-37.5t38-90.5h42q0 71-50 121t-120.5 50T50 382T0 261.5"/></svg>
Cómo usar el icono Forward 30
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:forward-30" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:forward-30" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:forward-30" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--forward-30]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:forward-30"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:forward-30"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/forward-30.svg" alt="Icono Forward 30" width="24" height="24">
Iconos relacionados en Material Design Iconic Font
El icono Forward 30 en otras colecciones
Preguntas frecuentes sobre Icono Forward 30
¿El icono Forward 30 es gratis para uso comercial?
Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Forward 30 en React?
Instala @iconify/react y renderiza <Icon icon="zmdi:forward-30" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Forward 30 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/zmdi/forward-30.svg" alt="Icono Forward 30">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Design Iconic Font →
ICONYZ
