Ícone Social Github

foundation:social-github

O ícone Social Github (foundation:social-github) é um ícone SVG gratuito da coleção Foundation de Zurb. Ele é desenhado em uma grade de 100 × 100. Foundation 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: Foundation
Autor: Zurb
Licença: MIT
Tamanho: 100 × 100
Tags: socialgithub

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" fill-rule="evenodd" d="M49.998 11.963C28.461 11.963 11 29.425 11 50.965c0 17.231 11.172 31.849 26.671 37.003c1.952.361 2.662-.84 2.662-1.877c0-.924-.034-3.375-.051-6.633c-10.849 2.359-13.138-5.229-13.138-5.229c-1.774-4.505-4.331-5.703-4.331-5.703c-3.541-2.418.269-2.371.269-2.371c3.914.277 5.974 4.018 5.974 4.018c3.478 5.96 9.129 4.235 11.35 3.243c.353-2.525 1.363-4.24 2.476-5.217c-8.659-.984-17.763-4.33-17.763-19.274c0-4.259 1.519-7.741 4.013-10.468c-.399-.982-1.74-4.947.383-10.319c0 0 3.274-1.048 10.726 4.001c3.109-.869 6.446-1.303 9.763-1.316c3.312.014 6.65.447 9.763 1.316c7.447-5.049 10.716-4.001 10.716-4.001c2.128 5.372.788 9.337.388 10.319c2.5 2.727 4.008 6.209 4.008 10.468c0 14.979-9.117 18.279-17.805 19.241c1.398 1.205 2.646 3.59 2.646 7.229c0 5.211-.047 9.416-.047 10.695c0 1.045.701 2.26 2.681 1.873C77.836 82.798 89 68.191 89 50.965c0-21.54-17.461-39.002-39.002-39.002" clip-rule="evenodd"/></svg>

Como usar o ícone Social Github

React

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

<Icon icon="foundation:social-github" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-github" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-github" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="foundation:social-github"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Foundation

O ícone Social Github em outras coleções

Perguntas frequentes sobre Ícone Social Github

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

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

Como uso o ícone Social Github no React?

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

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

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

Ver todos os Ícones Foundation →