ICONYZ
Español
Icono Frame With Tiles de Emoji One (v1)

Icono Frame With Tiles

emojione-v1:frame-with-tiles

El icono Frame With Tiles (emojione-v1:frame-with-tiles) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) 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
Emoji One (v1)
Autor
Emoji One
Licencia
CC-BY-SA-4.0
Tamaño
64 × 64
Categoría
Objetos
Etiquetas
framewith, withtiles, framewithtiles, tile
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fff" d="M9.501 7.616h45.49v48.52H9.501z"/><path fill="#405967" d="M63.716 6.962V4.353c0-2.242-1.792-4.074-4.055-4.214h-.018a5 5 0 0 0-.251-.006h-6.847a4.6 4.6 0 0 0-.933.099h-.241c-.208.059-.359.066-.545.109c-1.618.551-2.873 2.765-4.228 2.765c-1.545 0-2.994-2.341-4.695-2.716c-.307-.041-.616-.08-.982-.158h-4.133c-.282.14-.43.171-.628.243c-1.541.907-2.798 2.995-4.248 2.874c-1.45-.125-2.8-2.212-4.354-3.02a9 9 0 0 1-.744-.093h-4.158c-.366.078-.677.117-.981.158c-1.703.375-3.152 2.716-4.697 2.716c-1.354 0-2.609-2.214-4.228-2.765c-.185-.042-.338-.05-.544-.109h-.105a4.6 4.6 0 0 0-.93-.099h-6.85C1.934.137 0 2.028 0 4.359v2.608c.043.264.053.455.085.694c.43 2.059 2.171 3.654 2.171 5.376c0 1.969-1.836 3.81-2.132 5.977c-.035.387-.062.782-.124 1.251v5.253c.113.364.136.548.192.799c.712 1.963 2.354 3.561 2.255 5.403c-.093 1.844-1.736 3.569-2.374 5.543a23 23 0 0 1-.073.949v5.287c.062.469.089.863.125 1.255c.296 2.161 2.132 4 2.132 5.971c0 1.721-1.741 3.321-2.171 5.376c-.033.241-.043.432-.086.701v2.604c0 2.24 1.792 4.081 4.055 4.213h.014c.088.006.167.01.253.01h6.849c.436 0 .856-.068 1.255-.181c.109-.021.21-.035.325-.061c1.619-.551 2.874-2.763 4.228-2.763c1.545 0 2.995 2.335 4.697 2.714c.305.037.615.08.982.155h4.131c.282-.14.43-.173.628-.245c1.543-.902 2.798-2.994 4.248-2.871c1.45.122 2.799 2.214 4.354 3.02c.231.023.471.047.745.093h4.158c.366-.075.678-.118.982-.155c1.701-.379 3.15-2.714 4.695-2.714c1.354 0 2.609 2.212 4.228 2.763c.186.039.337.053.545.106h.094c.345.086.706.135 1.08.135h6.847c2.39 0 4.323-1.892 4.323-4.223v-2.605c-.045-.269-.053-.46-.086-.701c-.434-2.055-2.169-3.655-2.169-5.376c0-1.967 1.833-3.81 2.131-5.971c.03-.392.062-.786.124-1.255V38.24c-.114-.361-.136-.549-.192-.8c-.712-1.961-2.356-3.559-2.257-5.401c.097-1.845 1.737-3.567 2.375-5.542c.018-.3.039-.603.074-.948v-5.29a22 22 0 0 1-.124-1.251c-.298-2.167-2.131-4.01-2.131-5.977c0-1.722 1.735-3.317 2.169-5.376c.033-.237.041-.427.086-.692M52.89 54.536H10.83V9.056h42.06z"/><path fill="#f7941e" d="M23.611 29.595a1.68 1.68 0 0 1-1.677 1.681h-7.02a1.68 1.68 0 0 1-1.681-1.681v-16.02c0-.926.75-1.677 1.681-1.677h7.02c.926 0 1.677.751 1.677 1.677z"/><path fill="#bcbec0" d="M50.41 51.01c0 .929-1.068 1.682-2.384 1.682H38.05c-1.325 0-2.387-.753-2.387-1.682V34.99c0-.927 1.062-1.678 2.387-1.678h9.976c1.315 0 2.384.751 2.384 1.678z"/><path fill="#da1c5c" d="M31.818 33.31c.975 0 1.765 1.396 1.765 3.113v13.04c0 1.732-.79 3.121-1.765 3.121h-16.82c-.973 0-1.763-1.389-1.763-3.121v-13.03c0-1.718.79-3.113 1.763-3.113h16.82z"/><path fill="#27aae1" d="M48.26 11.895c1.188 0 2.153 1.405 2.153 3.135v13.11c0 1.74-.965 3.141-2.153 3.141H27.738c-1.187 0-2.148-1.401-2.148-3.141V15.03c0-1.73.961-3.135 2.148-3.135z"/></svg>

Cómo usar el icono Frame With Tiles

React

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

<Icon icon="emojione-v1:frame-with-tiles" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:frame-with-tiles" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:frame-with-tiles" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--frame-with-tiles]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:frame-with-tiles"></div>

Web component

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

<iconify-icon icon="emojione-v1:frame-with-tiles"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/frame-with-tiles.svg" alt="Icono Frame With Tiles" width="24" height="24">

Iconos relacionados en Emoji One (v1)

Icono frame-with-x
frame-with-x
 Icono framed-picture
framed-picture

Preguntas frecuentes sobre Icono Frame With Tiles

¿El icono Frame With Tiles es gratis para uso comercial?

Sí. Emoji One (v1) 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 Frame With Tiles en React?

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

¿Cómo añado el icono Frame With Tiles a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/emojione-v1/frame-with-tiles.svg" alt="Icono Frame With Tiles">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Emoji One (v1) →