Иконка Kong Icon
logos:kong-icon
Иконка Kong Icon (logos:kong-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 225. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 225
- Теги
- kongicon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="225" viewBox="0 0 256 225"><path fill="#169fcc" d="m80.721 192.398l6.115-7.893h45.253l23.587 30.136l-4.193 10.225H93.126l1.398-10.225z"/><path fill="#14b59a" d="m94.559 89.641l21.851-37.749h25.462l114.129 132.566l-8.849 40.408h-48.938l3.07-11.343z"/><path fill="#1bc263" d="m121.082 44.72l10.462-19.348L162.932 0l53.782 42.164l-6.975 7.119l9.361 12.96v13.872l-26.799 21.903L147.33 44.72z"/><path fill="#16bdcc" d="M37.969 129.026h14.216l37.069-31.008l49.125 57.082l-13.856 20.789H79.177l-31.311 39.816l-7.198 9.161H0v-48.801z"/></svg>Как использовать иконку Kong Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kong-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kong-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kong-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kong-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kong-icon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kong-icon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/kong-icon.svg" alt="Иконка Kong Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Kong Icon
Можно ли бесплатно использовать иконку Kong Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Kong Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:kong-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Kong Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/kong-icon.svg" alt="Иконка Kong Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.