Kbin icon
Download the Kbin logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- kbin
- fediverse
- forum
- community
- reddit-alternative
- discussion
- logo
- brand
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandKbin
- License
- MIT · Paweł Kuna
- Files
-
outline/brand-kbin.svg
Code
Copy it the way you use it
brand-kbin.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10.586 9.506h-2.43c-.434 -.932 -.7 -1.506 -1.596 -1.506l-2.404 .019c-.662 0 -1.353 .592 -1.103 1.487l2.216 9.436c.486 1.743 .811 2.058 1.145 2.058h.64" />
<path d="M14.275 3h5.645c.84 0 1.24 .714 1.02 1.287l-4.687 15.109c-.42 1.133 -1.159 1.603 -2.354 1.603h-7.485c.39 0 .76 -.618 1.296 -2.061l4.457 -14.49c.326 -.83 .76 -1.448 2.108 -1.448" />
</svg>Use the Kbin icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandKbin } from '@tabler/icons-react';
<IconBrandKbin size={24} stroke={2} />Vue example
import { IconBrandKbin } from '@tabler/icons-vue';
<IconBrandKbin :size="24" :stroke="2" />Svelte 5 example
import { IconBrandKbin } from '@tabler/icons-svelte-runes';
<IconBrandKbin size={24} stroke={2} />Related