Иконка Kafka

skill-icons:kafka

Иконка Kafka (skill-icons:kafka) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Skill Icons
Автор: tandpfun
Лицензия: MIT
Размер: 256 × 256

Скачать SVG

Код 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="#a9cbd4" rx="60"/><g clip-path="url(#SVG9Z34dcRS)"><path fill="#000" d="M162.998 138.677c-7.78 0-14.754 3.447-19.53 8.873l-12.238-8.664c1.299-3.576 2.045-7.417 2.045-11.437c0-3.95-.72-7.727-1.976-11.25l12.21-8.572c4.776 5.398 11.732 8.826 19.489 8.826c14.358 0 26.042-11.681 26.042-26.042c0-14.36-11.684-26.042-26.042-26.042S136.956 76.05 136.956 90.41c0 2.57.388 5.049 1.085 7.396l-12.219 8.577a33.6 33.6 0 0 0-20.827-12.103V79.554c11.796-2.477 20.685-12.958 20.685-25.482c0-14.36-11.684-26.042-26.043-26.042S73.596 39.71 73.596 54.072c0 12.356 8.658 22.708 20.219 25.362v14.918C78.037 97.122 66 110.89 66 127.449c0 16.64 12.156 30.459 28.047 33.134v15.752c-11.679 2.567-20.452 12.982-20.452 25.422c0 14.361 11.684 26.043 26.043 26.043s26.042-11.682 26.042-26.043c0-12.44-8.773-22.855-20.452-25.422v-15.752a33.63 33.63 0 0 0 20.475-11.908l12.32 8.72a26 26 0 0 0-1.067 7.325c0 14.36 11.683 26.042 26.042 26.042c14.358 0 26.042-11.682 26.042-26.042s-11.684-26.043-26.042-26.043m0-60.892c6.963 0 12.626 5.665 12.626 12.626s-5.663 12.626-12.626 12.626s-12.626-5.665-12.626-12.626s5.663-12.626 12.626-12.626M87.011 54.072c0-6.96 5.664-12.626 12.627-12.626c6.962 0 12.626 5.665 12.626 12.626S106.6 66.698 99.638 66.698c-6.963 0-12.627-5.665-12.627-12.626m25.253 147.685c0 6.961-5.664 12.626-12.626 12.626c-6.963 0-12.627-5.665-12.627-12.626s5.664-12.626 12.627-12.626c6.962 0 12.626 5.666 12.626 12.626m-12.627-56.699c-9.711 0-17.612-7.898-17.612-17.609s7.9-17.611 17.611-17.611s17.611 7.9 17.611 17.611s-7.9 17.609-17.61 17.609m63.361 32.288c-6.963 0-12.626-5.666-12.626-12.626c0-6.961 5.663-12.626 12.626-12.626s12.626 5.665 12.626 12.626s-5.663 12.626-12.626 12.626"/></g><defs><clipPath id="SVG9Z34dcRS"><path fill="#fff" d="M66 28h123.04v200H66z"/></clipPath></defs></g></svg>

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

React

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

<Icon icon="skill-icons:kafka" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:kafka" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:kafka" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--kafka]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:kafka"></div>

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

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

<iconify-icon icon="skill-icons:kafka"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/skill-icons/kafka.svg" alt="Иконка Kafka" width="24" height="24">

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

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

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

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

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

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

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

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

Все Skill Icons →