riot logo

riot from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: riot
Set: SVG Logos
Style: Color
Viewbox: 256×248
License: CC0

The same logo in other sets

riotCoreUI Brands riotMaterial Icon Theme

Use the riot logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 248"><path fill="#ed1846" d="M0 3.799C0 1.7 1.7 0 3.799 0h169.915C219.16 0 256 36.965 256 82.564v14.549c0 2.098-1.7 3.799-3.798 3.799h-47.26a3.8 3.8 0 0 1-3.8-3.8V82.565c0-15.2-12.28-27.521-27.428-27.521H58.656a3.8 3.8 0 0 0-3.799 3.798v185.053c0 2.097-1.706 3.813-3.8 3.667C22.534 245.603 0 221.767 0 192.65zm104.37 106.286H192c35.346 0 64 28.75 64 64.217v18.347c0 29.118-22.533 52.954-51.058 54.912c-2.093.146-3.8-1.57-3.8-3.667v-69.592c0-5.067-4.093-9.174-9.142-9.174h-36.571c-29.025 0-52.784-22.616-54.729-51.244c-.142-2.092 1.572-3.799 3.67-3.799"/></svg>

React

import type { SVGProps } from "react";

export function LogosRiot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 248"><path fill="#ed1846" d="M0 3.799C0 1.7 1.7 0 3.799 0h169.915C219.16 0 256 36.965 256 82.564v14.549c0 2.098-1.7 3.799-3.798 3.799h-47.26a3.8 3.8 0 0 1-3.8-3.8V82.565c0-15.2-12.28-27.521-27.428-27.521H58.656a3.8 3.8 0 0 0-3.799 3.798v185.053c0 2.097-1.706 3.813-3.8 3.667C22.534 245.603 0 221.767 0 192.65zm104.37 106.286H192c35.346 0 64 28.75 64 64.217v18.347c0 29.118-22.533 52.954-51.058 54.912c-2.093.146-3.8-1.57-3.8-3.667v-69.592c0-5.067-4.093-9.174-9.142-9.174h-36.571c-29.025 0-52.784-22.616-54.729-51.244c-.142-2.092 1.572-3.799 3.67-3.799"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 248"><path fill="#ed1846" d="M0 3.799C0 1.7 1.7 0 3.799 0h169.915C219.16 0 256 36.965 256 82.564v14.549c0 2.098-1.7 3.799-3.798 3.799h-47.26a3.8 3.8 0 0 1-3.8-3.8V82.565c0-15.2-12.28-27.521-27.428-27.521H58.656a3.8 3.8 0 0 0-3.799 3.798v185.053c0 2.097-1.706 3.813-3.8 3.667C22.534 245.603 0 221.767 0 192.65zm104.37 106.286H192c35.346 0 64 28.75 64 64.217v18.347c0 29.118-22.533 52.954-51.058 54.912c-2.093.146-3.8-1.57-3.8-3.667v-69.592c0-5.067-4.093-9.174-9.142-9.174h-36.571c-29.025 0-52.784-22.616-54.729-51.244c-.142-2.092 1.572-3.799 3.67-3.799"/></svg>
</template>

CSS

.icon-riot {
  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%20248%22%3E%3Cpath%20fill%3D%22%23ed1846%22%20d%3D%22M0%203.799C0%201.7%201.7%200%203.799%200h169.915C219.16%200%20256%2036.965%20256%2082.564v14.549c0%202.098-1.7%203.799-3.798%203.799h-47.26a3.8%203.8%200%200%201-3.8-3.8V82.565c0-15.2-12.28-27.521-27.428-27.521H58.656a3.8%203.8%200%200%200-3.799%203.798v185.053c0%202.097-1.706%203.813-3.8%203.667C22.534%20245.603%200%20221.767%200%20192.65zm104.37%20106.286H192c35.346%200%2064%2028.75%2064%2064.217v18.347c0%2029.118-22.533%2052.954-51.058%2054.912c-2.093.146-3.8-1.57-3.8-3.667v-69.592c0-5.067-4.093-9.174-9.142-9.174h-36.571c-29.025%200-52.784-22.616-54.729-51.244c-.142-2.092%201.572-3.799%203.67-3.799%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%20256%20248%22%3E%3Cpath%20fill%3D%22%23ed1846%22%20d%3D%22M0%203.799C0%201.7%201.7%200%203.799%200h169.915C219.16%200%20256%2036.965%20256%2082.564v14.549c0%202.098-1.7%203.799-3.798%203.799h-47.26a3.8%203.8%200%200%201-3.8-3.8V82.565c0-15.2-12.28-27.521-27.428-27.521H58.656a3.8%203.8%200%200%200-3.799%203.798v185.053c0%202.097-1.706%203.813-3.8%203.667C22.534%20245.603%200%20221.767%200%20192.65zm104.37%20106.286H192c35.346%200%2064%2028.75%2064%2064.217v18.347c0%2029.118-22.533%2052.954-51.058%2054.912c-2.093.146-3.8-1.57-3.8-3.667v-69.592c0-5.067-4.093-9.174-9.142-9.174h-36.571c-29.025%200-52.784-22.616-54.729-51.244c-.142-2.092%201.572-3.799%203.67-3.799%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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