ICONYZ
Español
Icono Devcontainer de File Icons

Icono Devcontainer

file-icons:devcontainer

El icono Devcontainer (file-icons:devcontainer) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, 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
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
512 × 512
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M127.711 477.547c-170.281-98.17-170.281-344.925 0-443.094S512 59.662 512 256S297.993 575.716 127.711 477.547m123.72-188.214l-89.884-89.884l-28.284 28.284l61.6 61.6l-61.6 61.599l28.284 28.285zm131.927-4.889l-61.6-61.6l61.6-61.599l-28.285-28.284l-89.883 89.883l89.883 89.885z"/></svg>

Cómo usar el icono Devcontainer

React

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

<Icon icon="file-icons:devcontainer" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:devcontainer" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:devcontainer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--devcontainer]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:devcontainer"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/devcontainer.svg" alt="Icono Devcontainer" width="24" height="24">

El icono Devcontainer en otras colecciones

Preguntas frecuentes sobre Icono Devcontainer

¿El icono Devcontainer es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Devcontainer en React?

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

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

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

Ver todos los File Icons →