Icono Shelter

openmoji:shelter

El icono Shelter (openmoji:shelter) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: OpenMoji
Autor: OpenMoji
Licencia: CC-BY-SA-4.0
Tamaño: 72 × 72
Categoría: Extras de OpenMoji

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M18.152 61.616v-28.52l17.535-11.69l17.838 11.791l-.101 28.217z"/><path fill="#92d3f5" d="M11.462 25.611L35.795 9.177l24.268 16.364v36.473h-5.867V32.787L35.788 20.368L17.329 32.857v29.157h-5.867z"/><g fill="#fcea2b"><path d="m44.694 51.12l2.823.198a46 46 0 0 1-1.097-4.89c-.1-1.147.05-4.64.05-4.64a2.89 2.89 0 0 0-2.911-2.494h-5.131c-1.397 0-1.62-.021-3.459-.021h-7.48a2.424 2.424 0 0 0-2.405 2.475s-.05 3.466-.149 4.605c-.099 1.238-.742 5-.742 5l2.748.31l-.606 9.233c-.004.612.698 1.47 1.094 1.47c.582 0 1.344-.48 1.392-.99l1.238-11.21c.05-.544.823-.82 1.362-.82a1.335 1.335 0 0 1 1.095 1.502l-.486 5.532l2.056.947l.316 5.896c.001.54.203.673.776.673h1.087c.445 0 .7-.098.731-.86l.497-5.709l2.055-.947l-.502-5.44c-.051-.663.423-1.567 1.151-1.567c.668 0 1.293.18 1.396.915l1.165 10.39c.097.686.581 1.683 1.392 1.683a1.256 1.256 0 0 0 1.185-1.168s-.342-7.08-.641-10.073"/><circle cx="31.206" cy="33.873" r="2.717"/><circle cx="40.702" cy="33.873" r="2.717"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M60.063 61.464V20.129M35.794 9.247L63.8 28.098M11.462 61.464V20.129m5.867 41.335V32.857l18.408-12.419h.051l18.408 12.419v28.607M35.73 9.247L7.725 28.098"/><path d="m30.058 50.166l-1.238 11.21c-.048.51-.81.99-1.391.99a1.27 1.27 0 0 1-1.12-1.093l1.26-18.86"/><path d="M23.876 51.354s.643-3.763.742-5c.1-1.14.149-4.605.149-4.605a2.424 2.424 0 0 1 2.371-2.475h7.258m9.674 3.014a6 6 0 0 0-.891 3.224c0 1.562 1.34 3.482 1.34 4.51c.299 2.994.815 11.17.815 11.17a1.256 1.256 0 0 1-1.184 1.168a1.37 1.37 0 0 1-1.334-1.167L41.568 50.07"/><path d="M36.637 41.459a2.327 2.327 0 0 1 2.594-2.165h4.644a2.89 2.89 0 0 1 2.911 2.495s-.15 3.492-.05 4.64q.416 2.474 1.098 4.889M34.268 62.987l.24-6.293m2.457 0l.238 6.364m-.171-13.513h.31a1.502 1.502 0 0 1 1.669 1.63l.484 5.205m-5.129-6.835h-.236a1.502 1.502 0 0 0-1.669 1.63l-.484 5.205m2.031-9.274a1.67 1.67 0 0 1-.39-1.173a2.025 2.025 0 1 1 3.676 1.173"/><circle cx="31.206" cy="33.873" r="2.717"/><circle cx="40.702" cy="33.873" r="2.717"/></g></svg>

Cómo usar el icono Shelter

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:shelter" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:shelter" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:shelter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--shelter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:shelter"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:shelter"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/openmoji/shelter.svg" alt="Icono Shelter" width="24" height="24">

El icono Shelter en otras colecciones

Preguntas frecuentes sobre Icono Shelter

¿El icono Shelter es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Shelter en React?

Instala @iconify/react y renderiza <Icon icon="openmoji:shelter" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Shelter a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/shelter.svg" alt="Icono Shelter">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos OpenMoji →