Ícone Githubactions Light
skill-icons:githubactions-light
O ícone Githubactions Light (skill-icons:githubactions-light) é um ícone SVG gratuito da coleção Skill Icons de tandpfun. Ele é desenhado em uma grade de 256 × 256. Skill 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
- Skill Icons
- Autor
- tandpfun
- Licença
- MIT
- Tamanho
- 256 × 256
- Tags
- githubactionslight, githubaction
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f4ed" rx="60"/><path stroke="#2088ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.348" d="M76.065 43c18.262 0 33.065 14.803 33.065 33.065S94.327 109.13 76.065 109.13S43 94.327 43 76.065S57.803 43 76.065 43m47.761 66.13c12.174 0 22.044 9.87 22.044 22.044s-9.87 22.043-22.044 22.043s-22.043-9.869-22.043-22.043s9.869-22.044 22.043-22.044m0 58.783c12.174 0 22.044 9.869 22.044 22.044c0 12.174-9.87 22.043-22.044 22.043s-22.043-9.869-22.043-22.043c0-12.175 9.869-22.044 22.043-22.044" clip-rule="evenodd"/><path stroke="#79b8ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.348" d="M189.957 167.913c12.174 0 22.043 9.869 22.043 22.044c0 12.174-9.869 22.043-22.043 22.043c-12.175 0-22.044-9.869-22.044-22.043c0-12.175 9.869-22.044 22.044-22.044" clip-rule="evenodd"/><path stroke="#2088ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.348" d="m131.308 126.056l-11.276 11.261l-5.477-5.458"/><path stroke="#2088ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.348" d="M189.957 109.13c12.174 0 22.043 9.87 22.043 22.044s-9.869 22.043-22.043 22.043c-12.175 0-22.044-9.869-22.044-22.043s9.869-22.044 22.044-22.044" clip-rule="evenodd"/><path stroke="#2088ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.348" d="m197.438 126.056l-11.276 11.261l-5.476-5.458M65.043 64.353c0-2.891 3.186-4.65 5.633-3.108L89.46 73.078c2.297 1.447 2.285 4.8-.022 6.231L70.653 90.957c-2.447 1.518-5.61-.242-5.61-3.122zm7.348 44.777v55.109c0 14.203 11.673 25.717 25.718 25.717h3.673"/><path fill="#2088ff" d="M101.595 134.847a3.673 3.673 0 1 0 0-7.347zm-32.878-25.588c0 14.132 11.457 25.588 25.588 25.588V127.5c-10.074 0-18.24-8.167-18.24-18.241zm25.588 25.588h7.29V127.5h-7.29z"/><path stroke="#2088ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="7.348" d="M146.071 131.174h21.84"/><path fill="#79b8ff" fill-rule="evenodd" d="M116.478 186.283a3.675 3.675 0 1 1-3.674 3.674a3.676 3.676 0 0 1 3.674-3.674m14.696 0a3.675 3.675 0 1 1-3.674 3.674a3.676 3.676 0 0 1 3.674-3.674" clip-rule="evenodd"/><path stroke="#79b8ff" stroke-linecap="round" stroke-width="7.348" d="m164.257 189.981l-3.72.122"/></g></svg>Como usar o ícone Githubactions Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:githubactions-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:githubactions-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:githubactions-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--githubactions-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:githubactions-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:githubactions-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/githubactions-light.svg" alt="Ícone Githubactions Light" width="24" height="24">Ícones relacionados em Skill Icons
Perguntas frequentes sobre Ícone Githubactions Light
O ícone Githubactions Light é grátis para uso comercial?
Sim. Skill Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Githubactions Light no React?
Instale @iconify/react e renderize <Icon icon="skill-icons:githubactions-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Githubactions Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/skill-icons/githubactions-light.svg" alt="Ícone Githubactions Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.