ICONYZ
Español
Icono File Type Gduid de VSCode Icons

Icono File Type Gduid

vscode-icons:file-type-gduid

El icono File Type Gduid (vscode-icons:file-type-gduid) es un icono SVG gratuito de la colección VSCode Icons de Roberto Huertas. Está dibujado en una cuadrícula de 32 × 32. VSCode 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
VSCode Icons
Autor
Roberto Huertas
Licencia
MIT
Tamaño
32 × 32
Etiquetas
filetype, typegduid, filetypegduid
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="#356e97"><path d="M16 30a14 14 0 1 1 14-14a14.016 14.016 0 0 1-14 14m0-26.824A12.824 12.824 0 1 0 28.824 16A12.84 12.84 0 0 0 16 3.176"/><path d="M2.784 15.412h26.432v1.176H2.784zm13.533-4.938A44.8 44.8 0 0 1 4.42 8.92l.34-1.126c.111.034 11.277 3.32 22.427 0l.335 1.127a39.4 39.4 0 0 1-11.205 1.553M4.785 23.907l-.335-1.126c11.5-3.422 22.634-.14 23.1 0l-.34 1.126c-.11-.034-11.274-3.319-22.425 0"/><path d="M11.468 28.764a35.45 35.45 0 0 1-.742-25.71l1.082.461A34.23 34.23 0 0 0 12.55 28.3Zm8.973 0L19.36 28.3a34.23 34.23 0 0 0 .74-24.785l1.082-.461a35.46 35.46 0 0 1-.741 25.71M15.412 2.783h1.175v26.919h-1.175z"/></g><path fill="#478cbf" d="M28.69 23.809v1.251a.267.283 0 0 1-.186.27l-1.857.638a.262.278 0 0 1-.24-.041a.267.283 0 0 1-.11-.227v-1.364l-1.742.352v1.387a.268.284 0 0 1-.232.28l-2.518.367h-.036a.267.283 0 0 1-.27-.284v-1.472l-1.299.006h-.19l-1.3-.006v1.472a.268.284 0 0 1-.268.285h-.037l-2.518-.366a.268.284 0 0 1-.231-.28v-1.393l-1.742-.352v1.364a.267.283 0 0 1-.11.227a.264.28 0 0 1-.24.041l-1.857-.637a.267.283 0 0 1-.185-.27v-1.248l-1.149-.41a3.256 3.453 0 0 0-.088.788c0 3.27 4.344 5.795 9.714 5.813h.013c5.37-.018 9.715-2.542 9.715-5.813a3.243 3.44 0 0 0-.072-.72z"/><path fill="#478cbf" d="M11.222 18.01v5.095l.648.232a.267.283 0 0 1 .182.269v1.25l1.325.454v-1.32a.269.285 0 0 1 .318-.28l2.278.461a.267.283 0 0 1 .218.279v1.377l1.982.287v-1.432a.267.283 0 0 1 .269-.284l1.662.007l1.661-.007a.267.283 0 0 1 .27.284v1.432l1.982-.287v-1.378a.266.283 0 0 1 .214-.279l2.278-.461a.27.286 0 0 1 .319.28v1.318l1.325-.454v-1.248a.267.283 0 0 1 .182-.269l.441-.157v-5.17h.012A19.137 20.295 0 0 0 30 16.16a13.586 14.408 0 0 0-1.792-2.49a17.505 18.565 0 0 0-1.78 1.097a9.293 9.855 0 0 0-.913-.797a10.975 11.64 0 0 0-.982-.678a20.252 21.478 0 0 0 .165-2.326A11.406 12.096 0 0 0 22.033 10a18.886 20.029 0 0 0-.99 2.045a6.757 7.166 0 0 0-1.037-.088h-.013a6.755 7.164 0 0 0-1.038.088a18.768 19.904 0 0 0-.99-2.045a11.4 12.09 0 0 0-2.664.966a20.102 21.318 0 0 0 .166 2.326a10.937 11.6 0 0 0-.983.677a9.329 9.893 0 0 0-.913.797a17.538 18.6 0 0 0-1.779-1.097A13.586 14.408 0 0 0 10 16.159a19.137 20.295 0 0 0 1.21 1.851z"/><path fill="#fff" d="M17.472 20.454a1.956 2.075 0 1 1-1.957-2.074a1.956 2.075 0 0 1 1.957 2.074"/><path fill="#414042" d="M17 20.578a1.3 1.378 0 1 1-1.3-1.378a1.298 1.376 0 0 1 1.3 1.378"/><path fill="#fff" d="M20.118 22.719a.603.64 0 0 1-.63-.606v-1.911a.633.671 0 0 1 1.26 0v1.91a.604.64 0 0 1-.63.606m2.647-2.264a1.956 2.075 0 1 0 1.957-2.074a1.956 2.075 0 0 0-1.957 2.074"/><path fill="#414042" d="M23.236 20.578a1.299 1.377 0 1 0 1.298-1.378a1.298 1.376 0 0 0-1.298 1.378"/></svg>

Cómo usar el icono File Type Gduid

React

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

<Icon icon="vscode-icons:file-type-gduid" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-gduid" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-gduid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vscode-icons:file-type-gduid"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-gduid.svg" alt="Icono File Type Gduid" width="24" height="24">

Iconos relacionados en VSCode Icons

Preguntas frecuentes sobre Icono File Type Gduid

¿El icono File Type Gduid es gratis para uso comercial?

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

¿Cómo uso el icono File Type Gduid en React?

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

¿Cómo añado el icono File Type Gduid a una página web?

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

Ver todos los VSCode Icons →