Ícone Github Text

el:github-text

O ícone Github Text (el:github-text) é um ícone SVG gratuito da coleção Elusive Icons de Team Redux. Ele é desenhado em uma grade de 1200 × 1200. Elusive Icons são publicados sob a Open Font License, 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: Elusive Icons
Autor: Team Redux
Licença: OFL-1.1
Tamanho: 1200 × 1200
Tags: githubtext

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1023.542 297.679h114.263v127.399q-6.564.002-24.299-1.312c-11.819-.873-22.981-1.314-33.491-1.314h-56.474v244.294c0 58.669 19.261 87.999 57.789 87.999c27.146 0 51.657-7.436 73.555-22.325v131.337c-32.398 17.519-71.365 26.271-116.899 26.271c-63.919 0-108.132-22.764-132.651-68.293c-18.386-34.153-27.585-87.995-27.585-161.556V425.078h1.315v-2.627l-19.702-1.309c-11.384 0-26.268 1.309-44.654 3.936V297.679h64.356v-51.223q-.002-36.778-3.939-59.105h152.354q-3.936 24.958-3.938 56.475zm-420.19 583.154c1.75-17.505 2.62-47.273 2.62-89.308V383.047c0-41.148-.87-69.609-2.62-85.368h148.416q-2.632 24.957-2.631 82.748v403.215q0 66.99 2.631 97.191zM273.631 291.138c-59.541 0-110.754 19.703-153.662 59.106c-44.651 42.031-67.017 94.571-67.017 157.617c0 42.031 12.323 81.367 36.841 118.14c21.89 34.146 46.833 56.068 74.854 65.698v2.637c-28.021 12.247-42.041 42.884-42.041 91.919c0 37.655 14.838 65.695 44.604 84.082v2.637c-81.426 27.14-122.095 77.476-122.095 151.025c0 63.926 27.151 110.782 81.445 140.552c42.897 23.645 97.588 35.449 164.136 35.449c161.985 0 243.017-67.886 243.017-203.613c0-84.933-62.647-137.04-187.865-156.299c-28.895-4.375-50.74-14.853-65.625-31.494c-11.384-11.379-17.065-22.747-17.065-34.131c0-32.396 17.497-51.213 52.515-56.47c53.412-7.872 96.951-32.679 130.664-74.268c33.71-41.593 50.61-90.371 50.61-146.411c0-17.513-3.544-36.334-10.547-56.47c22.769-5.259 40.253-10.054 52.515-14.429V291.138c-55.17 21.016-103.725 31.494-145.752 31.494c-36.78-21.014-76.628-31.494-119.532-31.494m5.273 120.776c26.27 0 46.858 10.112 61.743 30.249c12.258 18.393 18.384 40.306 18.384 65.698c0 61.291-26.714 91.919-80.127 91.919c-55.159 0-82.764-30.254-82.764-90.674c.001-64.793 27.605-97.192 82.764-97.192m9.156 534.595c73.556 0 110.376 22.358 110.376 67.017c0 47.287-33.725 70.898-101.147 70.898c-77.051 0-115.576-22.81-115.576-68.335c-.001-46.41 35.422-69.58 106.347-69.58M769.191 97.848c0 54.04-40.869 97.848-91.282 97.848c-50.414 0-91.282-43.808-91.282-97.848S627.495 0 677.909 0s91.282 43.808 91.282 97.848"/></svg>

Como usar o ícone Github Text

React

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

<Icon icon="el:github-text" width="24" />

Vue

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

<template>
  <Icon icon="el:github-text" width="24" />
</template>

Svelte

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

<Icon icon="el:github-text" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--github-text]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:github-text"></div>

Web component

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

<iconify-icon icon="el:github-text"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/el/github-text.svg" alt="Ícone Github Text" width="24" height="24">

Ícones relacionados em Elusive Icons

O ícone Github Text em outras coleções

Perguntas frequentes sobre Ícone Github Text

O ícone Github Text é grátis para uso comercial?

Sim. Elusive Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Github Text no React?

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

Como adiciono o ícone Github Text a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/el/github-text.svg" alt="Ícone Github Text">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Elusive Icons →