rumble logo

rumble from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
rumble
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the rumble logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.453 13.546a1.88 1.88 0 0 0 .275-2.645a2 2 0 0 0-.275-.275A21.2 21.2 0 0 0 10.14 7.85c-1.066-.51-2.256.2-2.426 1.414a23.5 23.5 0 0 0-.14 5.502c.116 1.23 1.292 1.964 2.372 1.492a19.6 19.6 0 0 0 4.506-2.704zm6.932-5.4a5.85 5.85 0 0 1 .014 7.872a26.15 26.15 0 0 1-13.104 7.828a5.116 5.116 0 0 1-6.167-3.578c-1.524-5.2-1.3-11.08.17-16.305C3.07 1.22 5.651-.503 8.308.131c4.925 1.174 9.545 4.196 13.077 8.013z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsRumble(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.453 13.546a1.88 1.88 0 0 0 .275-2.645a2 2 0 0 0-.275-.275A21.2 21.2 0 0 0 10.14 7.85c-1.066-.51-2.256.2-2.426 1.414a23.5 23.5 0 0 0-.14 5.502c.116 1.23 1.292 1.964 2.372 1.492a19.6 19.6 0 0 0 4.506-2.704zm6.932-5.4a5.85 5.85 0 0 1 .014 7.872a26.15 26.15 0 0 1-13.104 7.828a5.116 5.116 0 0 1-6.167-3.578c-1.524-5.2-1.3-11.08.17-16.305C3.07 1.22 5.651-.503 8.308.131c4.925 1.174 9.545 4.196 13.077 8.013z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.453 13.546a1.88 1.88 0 0 0 .275-2.645a2 2 0 0 0-.275-.275A21.2 21.2 0 0 0 10.14 7.85c-1.066-.51-2.256.2-2.426 1.414a23.5 23.5 0 0 0-.14 5.502c.116 1.23 1.292 1.964 2.372 1.492a19.6 19.6 0 0 0 4.506-2.704zm6.932-5.4a5.85 5.85 0 0 1 .014 7.872a26.15 26.15 0 0 1-13.104 7.828a5.116 5.116 0 0 1-6.167-3.578c-1.524-5.2-1.3-11.08.17-16.305C3.07 1.22 5.651-.503 8.308.131c4.925 1.174 9.545 4.196 13.077 8.013z"/></svg>
</template>

CSS

.icon-rumble {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.453%2013.546a1.88%201.88%200%200%200%20.275-2.645a2%202%200%200%200-.275-.275A21.2%2021.2%200%200%200%2010.14%207.85c-1.066-.51-2.256.2-2.426%201.414a23.5%2023.5%200%200%200-.14%205.502c.116%201.23%201.292%201.964%202.372%201.492a19.6%2019.6%200%200%200%204.506-2.704zm6.932-5.4a5.85%205.85%200%200%201%20.014%207.872a26.15%2026.15%200%200%201-13.104%207.828a5.116%205.116%200%200%201-6.167-3.578c-1.524-5.2-1.3-11.08.17-16.305C3.07%201.22%205.651-.503%208.308.131c4.925%201.174%209.545%204.196%2013.077%208.013z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.453%2013.546a1.88%201.88%200%200%200%20.275-2.645a2%202%200%200%200-.275-.275A21.2%2021.2%200%200%200%2010.14%207.85c-1.066-.51-2.256.2-2.426%201.414a23.5%2023.5%200%200%200-.14%205.502c.116%201.23%201.292%201.964%202.372%201.492a19.6%2019.6%200%200%200%204.506-2.704zm6.932-5.4a5.85%205.85%200%200%201%20.014%207.872a26.15%2026.15%200%200%201-13.104%207.828a5.116%205.116%200%200%201-6.167-3.578c-1.524-5.2-1.3-11.08.17-16.305C3.07%201.22%205.651-.503%208.308.131c4.925%201.174%209.545%204.196%2013.077%208.013z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/rumble.svg?color=%231a73e8&size=48