Иконка Githubactions Light
skill-icons:githubactions-light
Иконка Githubactions Light (skill-icons:githubactions-light) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Skill Icons
- Автор
- tandpfun
- Лицензия
- MIT
- Размер
- 256 × 256
- Теги
- githubactionslight, githubaction
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/githubactions-light.svg" alt="Иконка Githubactions Light" width="24" height="24">Похожие иконки в наборе Skill Icons
Вопросы и ответы: Иконка Githubactions Light
Можно ли бесплатно использовать иконку Githubactions Light в коммерческих проектах?
Да. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Githubactions Light в React?
Установите @iconify/react и выведите <Icon icon="skill-icons:githubactions-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Githubactions Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/githubactions-light.svg" alt="Иконка Githubactions Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.