Icono Desktop Computer
cbi:desktop-computer
El icono Desktop Computer (cbi:desktop-computer) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Custom Brand Icons
- Autor
- Emanuele & rchiileea
- Licencia
- CC-BY-NC-SA-4.0
- Tamaño
- 24 × 24
- Etiquetas
- desktopcomputer
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.412 17.916c.01.14.28.102.29.008v-.338c0-.118-.271-.125-.28.008a2 2 0 0 0-.01.322m.14 1.123c.657-.009.985-.935.882-1.724a1.43 1.43 0 0 0-.764-.165a2 2 0 0 0-.017.283s.162 0 .155.099v.454c0 .112-.166.085-.166.085s.022.405.012.541c.098.07-.258.088-.17 0l-.009-.534s-.159.01-.169-.049s0-.466 0-.466c.01-.069 0-.113.139-.113a3 3 0 0 1 .019-.298a1.4 1.4 0 0 0-.699.2c-.188.765.131 1.687.787 1.687m1.246-.809a.93.93 0 0 0-.26-.856a6 6 0 0 1 .023.702c-.011.359-.361 1.176-1.005 1.176s-.992-.794-.969-1.176a2.1 2.1 0 0 1 .056-.683c-.214.148-.27.663-.248.811a6.4 6.4 0 0 1-.181 1.604c.305-.221.26-.202.441-.553c.147-.285.18.267.868.259s.779-.544.913-.287a.83.83 0 0 0 .553.563c.023-.323-.315-.731-.191-1.56m-.447 1.13q-.03-.002-.083.067a1.06 1.06 0 0 1-1.456 0c-.203-.193-.09.321-.598.619a1.333 1.333 0 0 0 1.391 1.212c.666.058 1.467-.631 1.39-1.241c-.556-.195-.544-.657-.644-.657m-.749 1.345a.288.288 0 1 1 .012-.571a.289.289 0 1 1-.013.575ZM3.654 17.591l-.25 1.737h10.65l-.199-1.737Zm12.599 0h-2.169l.245 1.737h2.357Zm.425-1.011H3.307a.63.63 0 0 0-.612.493L2 20.241v.816h16.039v-.816l-.748-3.178a.626.626 0 0 0-.613-.483m.107 3.116H3.33a.374.374 0 0 1-.368-.454l.359-1.7a.374.374 0 0 1 .367-.299h12.699a.374.374 0 0 1 .367.292l.394 1.701a.376.376 0 0 1-.367.46Zm5.189-15.675a.75.75 0 0 0-.748-.749l-5.139.016a.81.81 0 0 0-.764-.549l-11.762.038a.81.81 0 0 0-.804.813l.028 9.018a.81.81 0 0 0 .811.807h4.023l-.207 1.374h-.567a.434.434 0 0 0 0 .866l5.26-.016a.434.434 0 0 0 0-.867h-.573l-.221-1.372h2.943v1.53a.75.75 0 0 0 .749.748l6.248-.02a.75.75 0 0 0 .749-.749ZM3.62 3.648l11.655-.038l.021 6.649l-11.656.034Zm4.66 11.133l.206-1.38h1.943l.214 1.374Zm-4.633-2.23v-1.399l11.655-.035v1.399Zm12.938 2.258h-1.552v-1.421h.32a.81.81 0 0 0 .807-.81v-2.72l.438.443Zm2.505 0h-1.692V9.973l-1.236-1.245l-.022.019l-.017-4.646l5.047-.023v3.816l-2.081 2.198Zm2.087-.017l-1.284.017v-4.396l1.284-1.347ZM9.473 11.447l-.009-.01a.422.422 0 1 0 .422.423a.413.413 0 0 0-.413-.413"/></svg>
Cómo usar el icono Desktop Computer
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:desktop-computer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:desktop-computer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:desktop-computer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--desktop-computer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:desktop-computer"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:desktop-computer"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/cbi/desktop-computer.svg" alt="Icono Desktop Computer" width="24" height="24">
El icono Desktop Computer en otras colecciones
Preguntas frecuentes sobre Icono Desktop Computer
¿El icono Desktop Computer es gratis para uso comercial?
No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.
¿Cómo uso el icono Desktop Computer en React?
Instala @iconify/react y renderiza <Icon icon="cbi:desktop-computer" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Desktop Computer a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/desktop-computer.svg" alt="Icono Desktop Computer">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Custom Brand Icons →
ICONYZ
