Ícone File Type Craco

vscode-icons:file-type-craco

O ícone File Type Craco (vscode-icons:file-type-craco) é um ícone SVG gratuito da coleção VSCode Icons de Roberto Huertas. Ele é desenhado em uma grade de 32 × 32. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: VSCode Icons
Autor: Roberto Huertas
Licença: MIT
Tamanho: 32 × 32
Tags: filetype, typecraco, filetypecraco

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="#272827"/><path fill="#1ab090" d="M16.32 26.9H14v-2.73c0-.17-.04-.25-.2-.32c-.62-.23-1.22-.48-1.82-.75c-.17-.08-.26-.04-.37.08c-.58.7-1.32 1.13-1.74 1.85l-2.8-2.8c.33-.45 1.8-1.6 1.9-1.97c.03-.2-.23-.47-.33-.71c-.18-.47-.37-.93-.52-1.4c-.06-.22-.15-.3-.38-.3c-.95.02-1.8.01-2.64.01v-3.85h2.87c.35-.78.69-1.5 1-2.22c.03-.07-.04-.23-.1-.3c-.7-.62-1.15-1.3-1.84-1.77L9.8 6.97l1.94 1.96l2.33-.95V5.09h3.87v2.65c-.01.22.05.31.27.4c.6.21 1.2.45 1.78.73c.21.1.33.07.48-.08c.57-.6 1.15-1.17 1.7-1.72l2.74 2.75c-.58.58-1.2 1.22-1.75 1.75c-.13.13-.13.22-.05.4c.27.58.52 1.17.74 1.77c.07.2.15.26.35.26c.96.02 1.86-.05 2.7.01v3.83c-.89.03-1.86.03-2.64.01c-.23 0-.3.09-.38.3c-.24.64-.5 1.27-.8 1.89c-.08.19-.07.29.08.42c.7.57 1.12 1.33 1.84 1.72l-2.8 2.8a63 63 0 0 1-1.81-1.8c-.13-.14-.23-.14-.4-.07a32 32 0 0 1-1.84.76c-.2.07-.28.14-.28.36v2.67zm2.7-6.62a5.14 5.14 0 0 0 2.17-5.03a5.23 5.23 0 0 0-10.42.5a5.02 5.02 0 0 0 2.72 4.82a5.07 5.07 0 0 0 5.52-.3m-3.15-4.95l.7.64l-2.61 2.54l-.87-.91l1.61-1.56l-1.67-1.64l.9-.92zm3.64.64l-2.63 2.55l-.87-.87l1.62-1.6l-1.68-1.64l.93-.93c.94.9 1.76 1.7 2.63 2.49"/></svg>

Como usar o ícone File Type Craco

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-craco"></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-craco"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-craco.svg" alt="Ícone File Type Craco" width="24" height="24">

Ícones relacionados em VSCode Icons

Perguntas frequentes sobre Ícone File Type Craco

O ícone File Type Craco é grátis para uso comercial?

Sim. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone File Type Craco no React?

Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-craco" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone File Type Craco a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-craco.svg" alt="Ícone File Type Craco">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os VSCode Icons →