ICONYZ
Русский
Иконка Git Compare из набора IonIcons

Иконка Git Compare

ion:git-compare

Иконка Git Compare (ion:git-compare) — бесплатная SVG-иконка из набора IonIcons от Ben Sperry. Она нарисована на сетке 512 × 512. IonIcons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
IonIcons
Автор
Ben Sperry
Лицензия
MIT
Размер
512 × 512
Теги
gitcompare
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M218.31 340.69A16 16 0 0 0 191 352v32h-20a28 28 0 0 1-28-28V152a64 64 0 1 0-64-1.16V356a92.1 92.1 0 0 0 92 92h20v32a16 16 0 0 0 27.31 11.31l64-64a16 16 0 0 0 0-22.62ZM112 64a32 32 0 1 1-32 32a32 32 0 0 1 32-32m320 296.61V156a92.1 92.1 0 0 0-92-92h-20V32a16 16 0 0 0-27.31-11.31l-64 64a16 16 0 0 0 0 22.62l64 64A16 16 0 0 0 320 160v-32h20a28 28 0 0 1 28 28v204.61a64 64 0 1 0 64 0M400 448a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>

Как использовать иконку Git Compare

React

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

<Icon icon="ion:git-compare" width="24" />

Vue

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

<template>
  <Icon icon="ion:git-compare" width="24" />
</template>

Svelte

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

<Icon icon="ion:git-compare" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--git-compare]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:git-compare"></div>

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

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

<iconify-icon icon="ion:git-compare"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ion/git-compare.svg" alt="Иконка Git Compare" width="24" height="24">

Похожие иконки в наборе IonIcons

Иконка git-branch
git-branch
 Иконка git-branch-outline
git-branch-outline
 Иконка git-branch-sharp
git-branch-sharp
 Иконка git-commit
git-commit
 Иконка git-commit-outline
git-commit-outline
 Иконка git-commit-sharp
git-commit-sharp
 Иконка git-compare-outline
git-compare-outline
 Иконка git-compare-sharp
git-compare-sharp
 Иконка git-merge
git-merge
 Иконка git-merge-outline
git-merge-outline
 Иконка git-merge-sharp
git-merge-sharp
 Иконка git-network
git-network
 Иконка git-network-outline
git-network-outline
 Иконка git-network-sharp
git-network-sharp
 Иконка git-pull-request
git-pull-request
 Иконка git-pull-request-outline
git-pull-request-outline
 Иконка git-pull-request-sharp
git-pull-request-sharp

Иконка Git Compare в других наборах

Иконка Git Compare из набора Lucide
Lucide
 Иконка Git Compare из набора Tabler Icons
Tabler Icons
 Иконка Git Compare из набора BoxIcons v2
BoxIcons v2
 Иконка Git Compare из набора Boxicons
Boxicons
 Иконка Git Compare из набора Charm Icons
Charm Icons
 Иконка Git Compare из набора Codicons
Codicons
 Иконка Git Compare из набора Famicons
Famicons
 Иконка Git Compare из набора Huge Icons
Huge Icons
 Иконка Git Compare из набора IconOven
IconOven
 Иконка Git Compare из набора Iconoir
Iconoir
 Иконка Git Compare из набора Keyline Icons
Keyline Icons
 Иконка Git Compare из набора Majesticons
Majesticons

Вопросы и ответы: Иконка Git Compare

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

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

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

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

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

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

Все IonIcons →