Icono File Type Styled
vscode-icons:file-type-styled
El icono File Type Styled (vscode-icons:file-type-styled) 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, typestyled, filetypestyled
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ffcebf" d="M18.05 29.6c.042-.095.148-.161.225-.241c1.175-1.232 2.36-2.453 3.519-3.7A3.2 3.2 0 0 0 22.808 23a6 6 0 0 0-.143-.624c-.316.3-.61.573-.906.848c-.46.428-.918.858-1.382 1.281a1.93 1.93 0 0 1-2.148.419a1.97 1.97 0 0 1-1.29-1.75a1 1 0 0 0-.043-.146c-.353.3-.691.576-1.026.86l-6.963 5.9c-.048.041-.1.092-.145.132h9.283l-.014-.009c-.05-.035-.024-.219.019-.311m-9.713 0a1.2 1.2 0 0 1 .295-.276l9.636-8.175q.986-.837 1.963-1.683a.5.5 0 0 0 .182-.224a5.4 5.4 0 0 0 .065-2.069c-.1.07-.154.1-.2.149c-.789.706-1.574 1.418-2.367 2.12a1.76 1.76 0 0 1-2.048.329a1.89 1.89 0 0 1-1.08-1.807v-.324c-.145.106-.251.177-.35.257q-5.785 4.632-11.568 9.257c-.174.139-.382.449-.61.148s.119-.425.294-.565q6.165-4.947 12.336-9.885c.67-.537.714-.762.278-1.615l-.26.244c-.713.663-1.434 1.317-2.136 1.991a2.121 2.121 0 0 1-3.585-1.337c-.133.1-.248.173-.357.258l-6.1 4.728a1.5 1.5 0 0 1-.356.258a.45.45 0 0 1-.3-.015v8.561h6.256a.37.37 0 0 1 .012-.325"/><path fill="#ff6196" d="M25.237 2.423c-.17.557-.335 1.115-.484 1.678a1.69 1.69 0 0 0 .9 2.09a7.1 7.1 0 0 0 3.818.8V2.518a.7.7 0 0 1 .016-.294a.7.7 0 0 1 .105-.149h-4.359c.067.078.044.215.004.348"/><path fill="#ff87af" d="M16.482 12.032a2.4 2.4 0 0 1-.5 1.376a22.7 22.7 0 0 1-3.726 3.792a1.44 1.44 0 0 1-1.684.2a1.39 1.39 0 0 1-.843-1.368a1.62 1.62 0 0 1 .417-.947a36 36 0 0 1 5.019-3.993a.71.71 0 0 1 .829-.034a1.04 1.04 0 0 1 .488.974m-1.198 6.061a1.44 1.44 0 0 1 .448-1.2a38 38 0 0 1 4.87-3.813c.052-.033.1-.066.157-.1a.84.84 0 0 1 1.025.035a.86.86 0 0 1 .242.979a4.4 4.4 0 0 1-1.168 1.908a119 119 0 0 1-3.4 3.22a1.124 1.124 0 0 1-1.364.192a1.51 1.51 0 0 1-.81-1.221m7.216.661c-.28.3-.568.586-.837.893a2 2 0 0 0-.2.38c.148.044.321.16.441.119c.611-.205 1.207-.451 1.878-.71c-.146.336-.256.646-.411.93A12.2 12.2 0 0 1 21 23.238q-.532.513-1.105.981a1.484 1.484 0 0 1-2.415-.92a1.1 1.1 0 0 1 .238-.813a22.2 22.2 0 0 1 4.623-3.823a.2.2 0 0 1 .065-.013Z"/><path fill="#ff6196" d="m24.794 14.771l1.711-7.6l1.2.281l-.619 1.881c-.578 1.75-1.163 3.5-1.727 5.252c-.11.324-.254.384-.565.186m-1.932 4.47c.181-.691.361-1.33.513-1.976a4.5 4.5 0 0 1 .826-1.721c.243-.319.516-.192.795-.123c.258.063.323.252.334.5a2.85 2.85 0 0 1-.588 1.907a4.8 4.8 0 0 1-1.88 1.413"/><path d="M29.993 2.894a3.6 3.6 0 0 0-.017-.668a.3.3 0 0 0-.116-.151a.4.4 0 0 0-.152-.075c-.032-.006-.077.027-.12.074a.7.7 0 0 0-.105.149a.7.7 0 0 0-.016.294v4.472a7.1 7.1 0 0 1-3.818-.8a1.69 1.69 0 0 1-.9-2.09c.149-.563.314-1.121.484-1.678c.04-.133.063-.27 0-.348a.2.2 0 0 0-.135-.064a.3.3 0 0 0-.182.064a.43.43 0 0 0-.171.19q-.3.9-.529 1.818a2.2 2.2 0 0 0-.046.737a2.34 2.34 0 0 0 1.542 2c.189.079.3.157.247.406q-.109.474-.216.949q-.735 3.222-1.462 6.447a.5.5 0 0 1-.121.257a3.2 3.2 0 0 0-.791.92a4.8 4.8 0 0 0-.53 1.5a.98.98 0 0 1-.558.785c-.417.211-.8.484-1.263.768A13 13 0 0 0 21 17.179a1.06 1.06 0 0 1 .284-.96a4.75 4.75 0 0 0 1.258-2.194a1.294 1.294 0 0 0-1.208-1.7a1.7 1.7 0 0 0-.929.264a69 69 0 0 0-2.812 2.026c-.547.412-1.062.868-1.592 1.3a.4.4 0 0 1-.059-.081a.8.8 0 0 0-.059-.214c-.443-.684-.136-1.181.345-1.692A2.8 2.8 0 0 0 17 11.977a1.57 1.57 0 0 0-.327-1.026a1.5 1.5 0 0 0-.438-.363a1.34 1.34 0 0 0-1.517.162l-.279.2c-.637.456-1.282.9-1.895 1.388a64 64 0 0 0-2.626 2.214c-.4.353-.692.835-1.107 1.163c-2.164 1.709-4.351 3.387-6.53 5.076a1 1 0 0 0-.205.161l-.016.029c-.046.107-.085.284-.031.349a.14.14 0 0 0 .047.033a.45.45 0 0 0 .3.015a1.5 1.5 0 0 0 .356-.258l6.1-4.728c.109-.085.224-.162.357-.258a2.121 2.121 0 0 0 3.585 1.337c.7-.674 1.423-1.328 2.136-1.991l.26-.244c.436.853.392 1.078-.278 1.615q-6.176 4.942-12.343 9.886c-.175.14-.521.267-.294.565s.436-.009.61-.148q5.786-4.621 11.564-9.254c.1-.08.205-.151.35-.257v.324a1.89 1.89 0 0 0 1.08 1.807a1.76 1.76 0 0 0 2.048-.329c.793-.7 1.578-1.414 2.367-2.12c.05-.045.108-.079.2-.149a5.4 5.4 0 0 1-.065 2.069a.5.5 0 0 1-.182.224q-.978.845-1.963 1.683l-9.632 8.176a1.2 1.2 0 0 0-.295.276a.37.37 0 0 0-.012.321a.38.38 0 0 0 .32.063a.3.3 0 0 0 .116-.065c.05-.04.1-.091.145-.132l6.963-5.9c.335-.284.673-.564 1.026-.86a1 1 0 0 1 .043.146a1.97 1.97 0 0 0 1.29 1.75a1.93 1.93 0 0 0 2.148-.419c.464-.423.922-.853 1.382-1.281c.3-.275.59-.551.906-.848a6 6 0 0 1 .143.624a3.2 3.2 0 0 1-1.014 2.649c-1.159 1.248-2.344 2.469-3.519 3.7c-.077.08-.183.146-.225.241s-.069.281-.019.321l.014.009a.57.57 0 0 0 .338.051a.14.14 0 0 0 .081-.051c.028-.029.055-.065.082-.092c.952-.984 1.909-1.963 2.854-2.954a14 14 0 0 0 1.074-1.223a3.41 3.41 0 0 0 .61-3.616a.52.52 0 0 1 .074-.386q.099-.168.211-.329a4.6 4.6 0 0 0 .587-1a7.6 7.6 0 0 1 1.339-2.4a2.8 2.8 0 0 0 .5-2.469a1 1 0 0 1 0-.489c.506-1.567 1.027-3.129 1.543-4.692l.69-2.094l.213-.647c.454 0 .882-.009 1.308 0c.354.01.462-.156.458-.5c-.021-1.38-.013-2.759-.013-4.138M12.256 17.2a1.44 1.44 0 0 1-1.684.2a1.39 1.39 0 0 1-.843-1.368a1.62 1.62 0 0 1 .417-.947a36 36 0 0 1 5.019-3.993a.85.85 0 0 1 .326-.14a.7.7 0 0 1 .238 0a.8.8 0 0 1 .265.106a1.04 1.04 0 0 1 .488.975a2.4 2.4 0 0 1-.5 1.376a22.7 22.7 0 0 1-3.726 3.791m5.2 1.929a1.124 1.124 0 0 1-1.364.192a1.51 1.51 0 0 1-.81-1.224a1.44 1.44 0 0 1 .448-1.2a38 38 0 0 1 4.87-3.813c.052-.033.1-.066.157-.1a.84.84 0 0 1 1.025.035a.86.86 0 0 1 .242.979a4.4 4.4 0 0 1-1.168 1.908c-1.103 1.102-2.25 2.163-3.398 3.219Zm5.911 1.241A12.2 12.2 0 0 1 21 23.238q-.532.513-1.105.981a1.484 1.484 0 0 1-2.415-.92a1.1 1.1 0 0 1 .238-.813a22.2 22.2 0 0 1 4.623-3.823a.2.2 0 0 1 .065-.013l.1.1c-.28.3-.568.586-.837.893a2 2 0 0 0-.2.38c.148.044.321.16.441.119c.483-.162.958-.35 1.467-.55l.411-.16c-.154.34-.264.65-.419.934Zm1.373-2.535a4.4 4.4 0 0 1-1.373 1.152q-.247.138-.507.258c.178-.681.356-1.312.507-1.95l.006-.026a4.5 4.5 0 0 1 .826-1.721c.243-.319.516-.192.795-.123c.258.063.323.252.334.5a2.85 2.85 0 0 1-.586 1.906Zm2.34-8.5c-.578 1.75-1.163 3.5-1.727 5.252c-.106.329-.25.389-.561.191l1.483-6.593l.228-1.012l1.2.281l-.241.731Z"/></svg>
Cómo usar el icono File Type Styled
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-styled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-styled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-styled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-styled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-styled"></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-styled"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-styled.svg" alt="Icono File Type Styled" width="24" height="24">
Iconos relacionados en VSCode Icons
Preguntas frecuentes sobre Icono File Type Styled
¿El icono File Type Styled 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 Styled en React?
Instala @iconify/react y renderiza <Icon icon="vscode-icons:file-type-styled" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono File Type Styled 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-styled.svg" alt="Icono File Type Styled">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los VSCode Icons →
