Ícone Compiler Explorer
thesvg:compiler-explorer
O ícone Compiler Explorer (thesvg:compiler-explorer) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG 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
- theSVG
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- compilerexplorer
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.78 14.147h8.914v1.657H8.78Zm0-2.94h7.355v1.657H8.78Zm0-2.943h8.914V9.92H8.78Zm13.203 9.195a.66.66 0 0 1 0-.638c.13-.238.252-.476.366-.728a.27.27 0 0 0-.249-.383h-2.166a.66.66 0 0 0-.552.297a7.6 7.6 0 0 1-.977 1.208a7.32 7.32 0 0 1-5.21 2.156a7.32 7.32 0 0 1-5.208-2.157a7.32 7.32 0 0 1-2.157-5.21c0-1.969.766-3.821 2.156-5.211a7.32 7.32 0 0 1 5.21-2.156c1.967 0 3.819.766 5.21 2.157c.368.369.696.783.976 1.207c.12.186.327.297.551.297H22.1a.273.273 0 0 0 .248-.383a10 10 0 0 0-.365-.728a.67.67 0 0 1 0-.638l.735-1.332a.66.66 0 0 0-.11-.787l-1.836-1.836a.659.66 0 0 0-.787-.11l-1.335.738a.66.66 0 0 1-.638-.004a9.767 9.768 0 0 0-2.005-.824a.66.66 0 0 1-.452-.449L15.131.48a.664.664 0 0 0-.635-.48h-2.598a.66.66 0 0 0-.634.48l-.421 1.46a.66.66 0 0 1-.452.448c-.697.203-1.37.48-2.005.828c-.2.11-.438.11-.638.003L6.41 2.484a.66.66 0 0 0-.787.11L3.788 4.432a.659.66 0 0 0-.11.787l.737 1.335c.11.2.107.438-.003.638a9.767 9.768 0 0 0-.825 2.005a.66.66 0 0 1-.448.452l-1.46.42a.664.664 0 0 0-.479.635v2.599c0 .293.193.556.48.635l1.459.42a.66.66 0 0 1 .448.453c.204.697.48 1.37.828 2.004c.11.2.11.438.004.64l-.738 1.334a.66.66 0 0 0 .11.786l1.835 1.837a.659.66 0 0 0 .787.11l1.335-.738c.2-.11.438-.107.638.003a9.767 9.768 0 0 0 2.005.825c.217.062.39.23.452.448l.42 1.46c.083.283.342.48.635.48h2.598a.66.66 0 0 0 .635-.48l.421-1.46a.66.66 0 0 1 .452-.448a9.975 9.976 0 0 0 2.004-.828a.67.67 0 0 1 .639-.004l1.335.739c.259.14.58.096.786-.11l1.836-1.837a.659.66 0 0 0 .11-.787z"/></svg>Como usar o ícone Compiler Explorer
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:compiler-explorer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:compiler-explorer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:compiler-explorer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--compiler-explorer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:compiler-explorer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:compiler-explorer"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg/compiler-explorer.svg" alt="Ícone Compiler Explorer" width="24" height="24">O ícone Compiler Explorer em outras coleções
Perguntas frequentes sobre Ícone Compiler Explorer
O ícone Compiler Explorer é grátis para uso comercial?
Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Compiler Explorer no React?
Instale @iconify/react e renderize <Icon icon="thesvg:compiler-explorer" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Compiler Explorer a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/compiler-explorer.svg" alt="Ícone Compiler Explorer">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.