Иконка Github Inverted

codicon:github-inverted

Иконка Github Inverted (codicon:github-inverted) — бесплатная SVG-иконка из набора Codicons от Microsoft Corporation. Она нарисована на сетке 24 × 24. Codicons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Codicons
Автор: Microsoft Corporation
Лицензия: CC-BY-4.0
Размер: 24 × 24
Теги: githubinverted

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.976 0A7.977 7.977 0 0 0 0 7.976c0 3.523 2.3 6.507 5.431 7.584c.392.049.538-.196.538-.392v-1.37c-2.201.49-2.69-1.076-2.69-1.076c-.343-.93-.881-1.175-.881-1.175c-.734-.489.048-.489.048-.489c.783.049 1.224.832 1.224.832c.734 1.223 1.859.88 2.3.685c.048-.538.293-.88.489-1.076c-1.762-.196-3.621-.881-3.621-3.964c0-.88.293-1.566.832-2.153c-.05-.147-.343-.978.098-2.055c0 0 .685-.195 2.201.832c.636-.196 1.322-.245 2.007-.245s1.37.098 2.006.245c1.517-1.027 2.202-.832 2.202-.832c.44 1.077.146 1.908.097 2.104a3.16 3.16 0 0 1 .832 2.153c0 3.083-1.86 3.719-3.62 3.915c.293.244.538.733.538 1.467v2.202c0 .196.146.44.538.392A7.98 7.98 0 0 0 16 7.976C15.951 3.572 12.38 0 7.976 0" clip-rule="evenodd"/></svg>

Как использовать иконку Github Inverted

React

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

<Icon icon="codicon:github-inverted" width="24" />

Vue

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

<template>
  <Icon icon="codicon:github-inverted" width="24" />
</template>

Svelte

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

<Icon icon="codicon:github-inverted" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="codicon:github-inverted"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/codicon/github-inverted.svg" alt="Иконка Github Inverted" width="24" height="24">

Вопросы и ответы: Иконка Github Inverted

Можно ли бесплатно использовать иконку Github Inverted в коммерческих проектах?

Да. Codicons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Github Inverted в React?

Установите @iconify/react и выведите <Icon icon="codicon:github-inverted" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Github Inverted на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/codicon/github-inverted.svg" alt="Иконка Github Inverted">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Codicons →