kafka logo
kafka from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- kafka
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the kafka logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SkillIconsKafka(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#a9cbd4" rx="60"/><g clipPath="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-kafka {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23a9cbd4%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVG9Z34dcRS)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M162.998%20138.677c-7.78%200-14.754%203.447-19.53%208.873l-12.238-8.664c1.299-3.576%202.045-7.417%202.045-11.437c0-3.95-.72-7.727-1.976-11.25l12.21-8.572c4.776%205.398%2011.732%208.826%2019.489%208.826c14.358%200%2026.042-11.681%2026.042-26.042c0-14.36-11.684-26.042-26.042-26.042S136.956%2076.05%20136.956%2090.41c0%202.57.388%205.049%201.085%207.396l-12.219%208.577a33.6%2033.6%200%200%200-20.827-12.103V79.554c11.796-2.477%2020.685-12.958%2020.685-25.482c0-14.36-11.684-26.042-26.043-26.042S73.596%2039.71%2073.596%2054.072c0%2012.356%208.658%2022.708%2020.219%2025.362v14.918C78.037%2097.122%2066%20110.89%2066%20127.449c0%2016.64%2012.156%2030.459%2028.047%2033.134v15.752c-11.679%202.567-20.452%2012.982-20.452%2025.422c0%2014.361%2011.684%2026.043%2026.043%2026.043s26.042-11.682%2026.042-26.043c0-12.44-8.773-22.855-20.452-25.422v-15.752a33.63%2033.63%200%200%200%2020.475-11.908l12.32%208.72a26%2026%200%200%200-1.067%207.325c0%2014.36%2011.683%2026.042%2026.042%2026.042c14.358%200%2026.042-11.682%2026.042-26.042s-11.684-26.043-26.042-26.043m0-60.892c6.963%200%2012.626%205.665%2012.626%2012.626s-5.663%2012.626-12.626%2012.626s-12.626-5.665-12.626-12.626s5.663-12.626%2012.626-12.626M87.011%2054.072c0-6.96%205.664-12.626%2012.627-12.626c6.962%200%2012.626%205.665%2012.626%2012.626S106.6%2066.698%2099.638%2066.698c-6.963%200-12.627-5.665-12.627-12.626m25.253%20147.685c0%206.961-5.664%2012.626-12.626%2012.626c-6.963%200-12.627-5.665-12.627-12.626s5.664-12.626%2012.627-12.626c6.962%200%2012.626%205.666%2012.626%2012.626m-12.627-56.699c-9.711%200-17.612-7.898-17.612-17.609s7.9-17.611%2017.611-17.611s17.611%207.9%2017.611%2017.611s-7.9%2017.609-17.61%2017.609m63.361%2032.288c-6.963%200-12.626-5.666-12.626-12.626c0-6.961%205.663-12.626%2012.626-12.626s12.626%205.665%2012.626%2012.626s-5.663%2012.626-12.626%2012.626%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVG9Z34dcRS%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M66%2028h123.04v200H66z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23a9cbd4%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVG9Z34dcRS)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M162.998%20138.677c-7.78%200-14.754%203.447-19.53%208.873l-12.238-8.664c1.299-3.576%202.045-7.417%202.045-11.437c0-3.95-.72-7.727-1.976-11.25l12.21-8.572c4.776%205.398%2011.732%208.826%2019.489%208.826c14.358%200%2026.042-11.681%2026.042-26.042c0-14.36-11.684-26.042-26.042-26.042S136.956%2076.05%20136.956%2090.41c0%202.57.388%205.049%201.085%207.396l-12.219%208.577a33.6%2033.6%200%200%200-20.827-12.103V79.554c11.796-2.477%2020.685-12.958%2020.685-25.482c0-14.36-11.684-26.042-26.043-26.042S73.596%2039.71%2073.596%2054.072c0%2012.356%208.658%2022.708%2020.219%2025.362v14.918C78.037%2097.122%2066%20110.89%2066%20127.449c0%2016.64%2012.156%2030.459%2028.047%2033.134v15.752c-11.679%202.567-20.452%2012.982-20.452%2025.422c0%2014.361%2011.684%2026.043%2026.043%2026.043s26.042-11.682%2026.042-26.043c0-12.44-8.773-22.855-20.452-25.422v-15.752a33.63%2033.63%200%200%200%2020.475-11.908l12.32%208.72a26%2026%200%200%200-1.067%207.325c0%2014.36%2011.683%2026.042%2026.042%2026.042c14.358%200%2026.042-11.682%2026.042-26.042s-11.684-26.043-26.042-26.043m0-60.892c6.963%200%2012.626%205.665%2012.626%2012.626s-5.663%2012.626-12.626%2012.626s-12.626-5.665-12.626-12.626s5.663-12.626%2012.626-12.626M87.011%2054.072c0-6.96%205.664-12.626%2012.627-12.626c6.962%200%2012.626%205.665%2012.626%2012.626S106.6%2066.698%2099.638%2066.698c-6.963%200-12.627-5.665-12.627-12.626m25.253%20147.685c0%206.961-5.664%2012.626-12.626%2012.626c-6.963%200-12.627-5.665-12.627-12.626s5.664-12.626%2012.627-12.626c6.962%200%2012.626%205.666%2012.626%2012.626m-12.627-56.699c-9.711%200-17.612-7.898-17.612-17.609s7.9-17.611%2017.611-17.611s17.611%207.9%2017.611%2017.611s-7.9%2017.609-17.61%2017.609m63.361%2032.288c-6.963%200-12.626-5.666-12.626-12.626c0-6.961%205.663-12.626%2012.626-12.626s12.626%205.665%2012.626%2012.626s-5.663%2012.626-12.626%2012.626%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVG9Z34dcRS%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M66%2028h123.04v200H66z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/kafka.svg?color=%231a73e8&size=48
