Icono Bed Bunk Outline
glyphs:bed-bunk-outline
El icono Bed Bunk Outline (glyphs:bed-bunk-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, 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
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- bedbunk, bunkoutline, bedbunkoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M12 6a2 2 0 0 1 2 2v23.905h17.778V17.143q0-.45.108-.87l.095-.313a3.525 3.525 0 0 1 3.32-2.341h20.032c8.1 0 14.667 6.567 14.667 14.667v5.238q0 .188-.028.368l.028.013V72a2 2 0 0 1-4 0v-4.095H14V72a2 2 0 1 1-4 0V8a2 2 0 0 1 2-2m54 34v10.22a14.63 14.63 0 0 0-10.667-4.601H35.302c-1.42 0-2.645.84-3.203 2.051c-.3.65-.313 1.151-.316 1.267v.019a4 4 0 0 0-.005.187v14.762H14v-28h52zm0 20.273c-.007-5.885-4.78-10.654-10.667-10.654H35.778v14.286H66zm0-31.987v3.619H35.778V17.619h19.555C61.224 17.619 66 22.395 66 28.286" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M70 65.914V72a2 2 0 0 1-4 0v-4.095H14V72a2 2 0 1 1-4 0V8a2 2 0 1 1 4 0v23.905h17.778V17.143q0-.45.108-.87l.095-.313a3.525 3.525 0 0 1 3.32-2.341h20.032c8.1 0 14.667 6.567 14.667 14.667v5.238q0 .188-.028.368l.028.013v6.085m0 25.924v-.01m0 .01v-.01m0 0v-.374m0 0v-.006m0 .006v-.006m0 0v-5.238m0 0v-.015m0 .015v-.015m0 0V40m0 0v-.01m0 .01v-.01m-4 .02V40m0 .01v10.21a14.63 14.63 0 0 0-10.667-4.601H35.302c-1.42 0-2.645.84-3.203 2.051c-.3.65-.313 1.151-.316 1.267M66 40.01V40m0 0v-4.095H14v28h17.778V49.143q0-.094.005-.187m0 0v-.02m0 .02v-.02m23.55.683c5.887 0 10.66 4.769 10.667 10.654v3.632H35.778V49.619zM66 31.905v-3.62c0-5.89-4.776-10.666-10.667-10.666H35.778v14.286z"/></g></svg>Cómo usar el icono Bed Bunk Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:bed-bunk-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:bed-bunk-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:bed-bunk-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--bed-bunk-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:bed-bunk-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:bed-bunk-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/bed-bunk-outline.svg" alt="Icono Bed Bunk Outline" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Bed Bunk Outline
¿El icono Bed Bunk Outline es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bed Bunk Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:bed-bunk-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bed Bunk Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/bed-bunk-outline.svg" alt="Icono Bed Bunk Outline">, o pega el código SVG en línea para darle estilo con CSS.