r3 logo

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

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

Use the r3 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 13.457c0 .841-.688 1.53-1.53 1.53s-1.53-.689-1.53-1.53a1.53 1.53 0 1 1 3.06 0M6.147 2.853c-1.123 0-2.172.3-3.08.828v-.828H0v12.134h3.067V9a3.077 3.077 0 0 1 3.08-3.08l1.029-.007l2.105-3.06zm8.746 6.08l2.078-3.02v-3.06h-6.615l-2.104 3.06h4.99l-2.565 3.735l1.53 2.653a3.098 3.098 0 0 1 4.65 2.686c0 1.717-1.39 3.1-3.1 3.1s-3.1-1.39-3.1-3.1h-3.06c0 3.4 2.76 6.16 6.154 6.16c3.4 0 6.16-2.76 6.16-6.16a6.16 6.16 0 0 0-5.018-6.054"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsR3(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="M24 13.457c0 .841-.688 1.53-1.53 1.53s-1.53-.689-1.53-1.53a1.53 1.53 0 1 1 3.06 0M6.147 2.853c-1.123 0-2.172.3-3.08.828v-.828H0v12.134h3.067V9a3.077 3.077 0 0 1 3.08-3.08l1.029-.007l2.105-3.06zm8.746 6.08l2.078-3.02v-3.06h-6.615l-2.104 3.06h4.99l-2.565 3.735l1.53 2.653a3.098 3.098 0 0 1 4.65 2.686c0 1.717-1.39 3.1-3.1 3.1s-3.1-1.39-3.1-3.1h-3.06c0 3.4 2.76 6.16 6.154 6.16c3.4 0 6.16-2.76 6.16-6.16a6.16 6.16 0 0 0-5.018-6.054"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 13.457c0 .841-.688 1.53-1.53 1.53s-1.53-.689-1.53-1.53a1.53 1.53 0 1 1 3.06 0M6.147 2.853c-1.123 0-2.172.3-3.08.828v-.828H0v12.134h3.067V9a3.077 3.077 0 0 1 3.08-3.08l1.029-.007l2.105-3.06zm8.746 6.08l2.078-3.02v-3.06h-6.615l-2.104 3.06h4.99l-2.565 3.735l1.53 2.653a3.098 3.098 0 0 1 4.65 2.686c0 1.717-1.39 3.1-3.1 3.1s-3.1-1.39-3.1-3.1h-3.06c0 3.4 2.76 6.16 6.154 6.16c3.4 0 6.16-2.76 6.16-6.16a6.16 6.16 0 0 0-5.018-6.054"/></svg>
</template>

CSS

.icon-r3 {
  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%22M24%2013.457c0%20.841-.688%201.53-1.53%201.53s-1.53-.689-1.53-1.53a1.53%201.53%200%201%201%203.06%200M6.147%202.853c-1.123%200-2.172.3-3.08.828v-.828H0v12.134h3.067V9a3.077%203.077%200%200%201%203.08-3.08l1.029-.007l2.105-3.06zm8.746%206.08l2.078-3.02v-3.06h-6.615l-2.104%203.06h4.99l-2.565%203.735l1.53%202.653a3.098%203.098%200%200%201%204.65%202.686c0%201.717-1.39%203.1-3.1%203.1s-3.1-1.39-3.1-3.1h-3.06c0%203.4%202.76%206.16%206.154%206.16c3.4%200%206.16-2.76%206.16-6.16a6.16%206.16%200%200%200-5.018-6.054%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%22M24%2013.457c0%20.841-.688%201.53-1.53%201.53s-1.53-.689-1.53-1.53a1.53%201.53%200%201%201%203.06%200M6.147%202.853c-1.123%200-2.172.3-3.08.828v-.828H0v12.134h3.067V9a3.077%203.077%200%200%201%203.08-3.08l1.029-.007l2.105-3.06zm8.746%206.08l2.078-3.02v-3.06h-6.615l-2.104%203.06h4.99l-2.565%203.735l1.53%202.653a3.098%203.098%200%200%201%204.65%202.686c0%201.717-1.39%203.1-3.1%203.1s-3.1-1.39-3.1-3.1h-3.06c0%203.4%202.76%206.16%206.154%206.16c3.4%200%206.16-2.76%206.16-6.16a6.16%206.16%200%200%200-5.018-6.054%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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