Rumble icon
Download the Rumble logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- rumble
- video
- streaming
- platform
- media
- logo
- brand
- youtube-alternative
- creators
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandRumble
- License
- MIT · Paweł Kuna
- Files
-
outline/brand-rumble.svg
Code
Copy it the way you use it
brand-rumble.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="M19.993 9.108c.383 .4 .687 .863 .893 1.368a4.195 4.195 0 0 1 .006 3.166a4.37 4.37 0 0 1 -.887 1.372a20.233 20.233 0 0 1 -2.208 2a20.615 20.615 0 0 1 -2.495 1.669a21.322 21.322 0 0 1 -5.622 2.202a4.213 4.213 0 0 1 -3.002 -.404a3.98 3.98 0 0 1 -1.163 -.967a3.796 3.796 0 0 1 -.695 -1.312c-1.199 -3.902 -1.022 -8.312 .134 -12.23c.609 -2.057 2.643 -3.349 4.737 -2.874c3.88 .88 7.52 3.147 10.302 6.01" />
<path d="M14.044 13.034c.67 -.505 .67 -1.489 0 -2.01a14.824 14.824 0 0 0 -1.498 -1.044a15.783 15.783 0 0 0 -1.62 -.865c-.77 -.35 -1.63 .139 -1.753 .973a15.385 15.385 0 0 0 -.1 3.786a1.232 1.232 0 0 0 1.715 1.027a14.783 14.783 0 0 0 1.694 -.827a14.46 14.46 0 0 0 1.562 -1.035v-.005" />
</svg>Use the Rumble 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 { IconBrandRumble } from '@tabler/icons-react';
<IconBrandRumble size={24} stroke={2} />Vue example
import { IconBrandRumble } from '@tabler/icons-vue';
<IconBrandRumble :size="24" :stroke="2" />Svelte 5 example
import { IconBrandRumble } from '@tabler/icons-svelte-runes';
<IconBrandRumble size={24} stroke={2} />Related