Icono Mobile View
carbon:mobile-view
El icono Mobile View (carbon:mobile-view) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon 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
- Carbon
- Autor
- IBM
- Licencia
- Apache-2.0
- Tamaño
- 32 × 32
- Categoría
- Herramientas
- Etiquetas
- mobileview
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="23" cy="24" r="2" fill="currentColor"/><path fill="currentColor" d="M30.777 23.479C29.354 20.149 26.3 18 23 18s-6.354 2.15-7.777 5.479L15 24l.223.522C16.646 27.85 19.7 30 23 30s6.354-2.15 7.777-5.478L31 24zM23 28c-2.206 0-4-1.794-4-4s1.794-4 4-4s4 1.794 4 4s-1.794 4-4 4"/><path fill="currentColor" d="M14 28H9V8h14v7h2V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v24c0 1.103.897 2 2 2h5zM9 4h14v2H9z"/></svg>
Cómo usar el icono Mobile View
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:mobile-view" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:mobile-view" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:mobile-view" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--mobile-view]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:mobile-view"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:mobile-view"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/mobile-view.svg" alt="Icono Mobile View" width="24" height="24">
Iconos relacionados en Carbon
Preguntas frecuentes sobre Icono Mobile View
¿El icono Mobile View es gratis para uso comercial?
Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Mobile View en React?
Instala @iconify/react y renderiza <Icon icon="carbon:mobile-view" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mobile View a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/mobile-view.svg" alt="Icono Mobile View">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Carbon →
ICONYZ
