r logo
r from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- r
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the r logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1976d2" d="M11.956 4.05c-5.694 0-10.354 3.106-10.354 6.947c0 3.396 3.686 6.212 8.531 6.813v2.205h3.53V17.82c.88-.093 1.699-.259 2.475-.497l1.43 2.692h3.996l-2.402-4.048c1.936-1.263 3.147-3.034 3.147-4.97c0-3.841-4.659-6.947-10.354-6.947m1.584 2.712c4.349 0 7.558 1.45 7.558 4.753c0 1.77-.952 3.013-2.505 3.779a1 1 0 0 1-.228-.156c-.373-.165-.994-.352-.994-.352s3.085-.227 3.085-3.302s-3.23-3.127-3.23-3.127h-7.092v7.413c-2.64-.766-4.462-2.392-4.462-4.255c0-2.63 3.52-4.753 7.868-4.753m.156 4.12h2.143s.983-.05.983.974c0 1.004-.983 1.004-.983 1.004h-2.143v-1.977m-.031 4.566h.952c.186 0 .28.052.445.207c.135.103.28.3.404.476c-.57.073-1.17.104-1.801.104z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeR(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1976d2" d="M11.956 4.05c-5.694 0-10.354 3.106-10.354 6.947c0 3.396 3.686 6.212 8.531 6.813v2.205h3.53V17.82c.88-.093 1.699-.259 2.475-.497l1.43 2.692h3.996l-2.402-4.048c1.936-1.263 3.147-3.034 3.147-4.97c0-3.841-4.659-6.947-10.354-6.947m1.584 2.712c4.349 0 7.558 1.45 7.558 4.753c0 1.77-.952 3.013-2.505 3.779a1 1 0 0 1-.228-.156c-.373-.165-.994-.352-.994-.352s3.085-.227 3.085-3.302s-3.23-3.127-3.23-3.127h-7.092v7.413c-2.64-.766-4.462-2.392-4.462-4.255c0-2.63 3.52-4.753 7.868-4.753m.156 4.12h2.143s.983-.05.983.974c0 1.004-.983 1.004-.983 1.004h-2.143v-1.977m-.031 4.566h.952c.186 0 .28.052.445.207c.135.103.28.3.404.476c-.57.073-1.17.104-1.801.104z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1976d2" d="M11.956 4.05c-5.694 0-10.354 3.106-10.354 6.947c0 3.396 3.686 6.212 8.531 6.813v2.205h3.53V17.82c.88-.093 1.699-.259 2.475-.497l1.43 2.692h3.996l-2.402-4.048c1.936-1.263 3.147-3.034 3.147-4.97c0-3.841-4.659-6.947-10.354-6.947m1.584 2.712c4.349 0 7.558 1.45 7.558 4.753c0 1.77-.952 3.013-2.505 3.779a1 1 0 0 1-.228-.156c-.373-.165-.994-.352-.994-.352s3.085-.227 3.085-3.302s-3.23-3.127-3.23-3.127h-7.092v7.413c-2.64-.766-4.462-2.392-4.462-4.255c0-2.63 3.52-4.753 7.868-4.753m.156 4.12h2.143s.983-.05.983.974c0 1.004-.983 1.004-.983 1.004h-2.143v-1.977m-.031 4.566h.952c.186 0 .28.052.445.207c.135.103.28.3.404.476c-.57.073-1.17.104-1.801.104z"/></svg> </template>
CSS
.icon-r {
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%22%231976d2%22%20d%3D%22M11.956%204.05c-5.694%200-10.354%203.106-10.354%206.947c0%203.396%203.686%206.212%208.531%206.813v2.205h3.53V17.82c.88-.093%201.699-.259%202.475-.497l1.43%202.692h3.996l-2.402-4.048c1.936-1.263%203.147-3.034%203.147-4.97c0-3.841-4.659-6.947-10.354-6.947m1.584%202.712c4.349%200%207.558%201.45%207.558%204.753c0%201.77-.952%203.013-2.505%203.779a1%201%200%200%201-.228-.156c-.373-.165-.994-.352-.994-.352s3.085-.227%203.085-3.302s-3.23-3.127-3.23-3.127h-7.092v7.413c-2.64-.766-4.462-2.392-4.462-4.255c0-2.63%203.52-4.753%207.868-4.753m.156%204.12h2.143s.983-.05.983.974c0%201.004-.983%201.004-.983%201.004h-2.143v-1.977m-.031%204.566h.952c.186%200%20.28.052.445.207c.135.103.28.3.404.476c-.57.073-1.17.104-1.801.104z%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%22%231976d2%22%20d%3D%22M11.956%204.05c-5.694%200-10.354%203.106-10.354%206.947c0%203.396%203.686%206.212%208.531%206.813v2.205h3.53V17.82c.88-.093%201.699-.259%202.475-.497l1.43%202.692h3.996l-2.402-4.048c1.936-1.263%203.147-3.034%203.147-4.97c0-3.841-4.659-6.947-10.354-6.947m1.584%202.712c4.349%200%207.558%201.45%207.558%204.753c0%201.77-.952%203.013-2.505%203.779a1%201%200%200%201-.228-.156c-.373-.165-.994-.352-.994-.352s3.085-.227%203.085-3.302s-3.23-3.127-3.23-3.127h-7.092v7.413c-2.64-.766-4.462-2.392-4.462-4.255c0-2.63%203.52-4.753%207.868-4.753m.156%204.12h2.143s.983-.05.983.974c0%201.004-.983%201.004-.983%201.004h-2.143v-1.977m-.031%204.566h.952c.186%200%20.28.052.445.207c.135.103.28.3.404.476c-.57.073-1.17.104-1.801.104z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/r.svg?color=%231a73e8&size=48
