Icono Display Bold Duotone
solar:display-bold-duotone
El icono Display Bold Duotone (solar:display-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Dispositivos
- Etiquetas
- displaybold, boldduotone, displayboldduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2.87868 3.84352C2 4.68705 2 6.04468 2 8.75994V9.71993C2 12.4352 2 13.7928 2.87868 14.6363C3.75736 15.4799 5.17157 15.4799 8 15.4799H11.25H12.75H16C18.8284 15.4799 20.2426 15.4799 21.1213 14.6363C22 13.7928 22 12.4352 22 9.71993V8.75994C22 6.04468 22 4.68705 21.1213 3.84352C20.2426 3 18.8284 3 16 3H8C5.17157 3 3.75736 3 2.87868 3.84352Z" clip-rule="evenodd"/><path d="M18.2374 19.5964L12.7502 17.8405V15.4795H11.2502V17.8405L5.76303 19.5964C5.37008 19.7221 5.15771 20.1299 5.28869 20.5071C5.41968 20.8844 5.84442 21.0882 6.23737 20.9625L12.0002 19.1184L17.763 20.9625C18.156 21.0882 18.5807 20.8844 18.7117 20.5071C18.8427 20.1299 18.6303 19.7221 18.2374 19.5964Z" opacity=".5"/></g></svg>Cómo usar el icono Display Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:display-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:display-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:display-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--display-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:display-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:display-bold-duotone"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/display-bold-duotone.svg" alt="Icono Display Bold Duotone" width="24" height="24">Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Display Bold Duotone
¿El icono Display Bold Duotone es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Display Bold Duotone en React?
Instala @iconify/react y renderiza <Icon icon="solar:display-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Display Bold Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/display-bold-duotone.svg" alt="Icono Display Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.