r lang logo

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

Name
r-lang
Set
SVG Logos
Style
Color
Viewbox
256×193
License
CC0

Use the r lang logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 193"><defs><linearGradient id="SVGfgUN50Ex" x1="37.973%" x2="91.121%" y1="16.999%" y2="76.326%"><stop offset="0%" stop-color="#c9cbce"/><stop offset="100%" stop-color="#7b7a81"/></linearGradient></defs><path fill="url(#SVGfgUN50Ex)" d="M149.333 149.333c-53.333 0-98.659-26.713-98.659-58.713S90.667 32 144 32c67.357 0 98.572 25.911 98.572 57.911s-34.407 59.422-93.239 59.422M128 0C58.667 0 0 37.333 0 85.333c0 45.334 58.312 82.969 127.646 82.969c69.333 0 128.354-34.969 128.354-82.969S197.333 0 128 0"/><path fill="#2165b6" d="M105.946 51.829v141.109h42.643v-54.875c10.661 0 17.011-2.328 23.986 10.452c10.661 18.292 23.987 44.423 23.987 44.423H247.2s-31.982-52.262-34.647-54.875c-4.915-5.227-10.661-5.227-18.656-7.84c15.991-2.613 30.899-9.248 36.082-23.464c4.531-13.065 3.998-29.685-5.714-40.83c-8.411-8.819-17.042-14.1-38.364-14.1zm42.643 29.388h27.984c6.636 0 11.993 6.533 11.993 13.065c0 6.533-5.33 13.066-11.993 13.066h-27.984z"/></svg>

React

import type { SVGProps } from "react";

export function LogosRLang(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 193"><defs><linearGradient id="SVGfgUN50Ex" x1="37.973%" x2="91.121%" y1="16.999%" y2="76.326%"><stop offset="0%" stopColor="#c9cbce"/><stop offset="100%" stopColor="#7b7a81"/></linearGradient></defs><path fill="url(#SVGfgUN50Ex)" d="M149.333 149.333c-53.333 0-98.659-26.713-98.659-58.713S90.667 32 144 32c67.357 0 98.572 25.911 98.572 57.911s-34.407 59.422-93.239 59.422M128 0C58.667 0 0 37.333 0 85.333c0 45.334 58.312 82.969 127.646 82.969c69.333 0 128.354-34.969 128.354-82.969S197.333 0 128 0"/><path fill="#2165b6" d="M105.946 51.829v141.109h42.643v-54.875c10.661 0 17.011-2.328 23.986 10.452c10.661 18.292 23.987 44.423 23.987 44.423H247.2s-31.982-52.262-34.647-54.875c-4.915-5.227-10.661-5.227-18.656-7.84c15.991-2.613 30.899-9.248 36.082-23.464c4.531-13.065 3.998-29.685-5.714-40.83c-8.411-8.819-17.042-14.1-38.364-14.1zm42.643 29.388h27.984c6.636 0 11.993 6.533 11.993 13.065c0 6.533-5.33 13.066-11.993 13.066h-27.984z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 193"><defs><linearGradient id="SVGfgUN50Ex" x1="37.973%" x2="91.121%" y1="16.999%" y2="76.326%"><stop offset="0%" stop-color="#c9cbce"/><stop offset="100%" stop-color="#7b7a81"/></linearGradient></defs><path fill="url(#SVGfgUN50Ex)" d="M149.333 149.333c-53.333 0-98.659-26.713-98.659-58.713S90.667 32 144 32c67.357 0 98.572 25.911 98.572 57.911s-34.407 59.422-93.239 59.422M128 0C58.667 0 0 37.333 0 85.333c0 45.334 58.312 82.969 127.646 82.969c69.333 0 128.354-34.969 128.354-82.969S197.333 0 128 0"/><path fill="#2165b6" d="M105.946 51.829v141.109h42.643v-54.875c10.661 0 17.011-2.328 23.986 10.452c10.661 18.292 23.987 44.423 23.987 44.423H247.2s-31.982-52.262-34.647-54.875c-4.915-5.227-10.661-5.227-18.656-7.84c15.991-2.613 30.899-9.248 36.082-23.464c4.531-13.065 3.998-29.685-5.714-40.83c-8.411-8.819-17.042-14.1-38.364-14.1zm42.643 29.388h27.984c6.636 0 11.993 6.533 11.993 13.065c0 6.533-5.33 13.066-11.993 13.066h-27.984z"/></svg>
</template>

CSS

.icon-r-lang {
  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%20193%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfgUN50Ex%22%20x1%3D%2237.973%25%22%20x2%3D%2291.121%25%22%20y1%3D%2216.999%25%22%20y2%3D%2276.326%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23c9cbce%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237b7a81%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGfgUN50Ex)%22%20d%3D%22M149.333%20149.333c-53.333%200-98.659-26.713-98.659-58.713S90.667%2032%20144%2032c67.357%200%2098.572%2025.911%2098.572%2057.911s-34.407%2059.422-93.239%2059.422M128%200C58.667%200%200%2037.333%200%2085.333c0%2045.334%2058.312%2082.969%20127.646%2082.969c69.333%200%20128.354-34.969%20128.354-82.969S197.333%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%232165b6%22%20d%3D%22M105.946%2051.829v141.109h42.643v-54.875c10.661%200%2017.011-2.328%2023.986%2010.452c10.661%2018.292%2023.987%2044.423%2023.987%2044.423H247.2s-31.982-52.262-34.647-54.875c-4.915-5.227-10.661-5.227-18.656-7.84c15.991-2.613%2030.899-9.248%2036.082-23.464c4.531-13.065%203.998-29.685-5.714-40.83c-8.411-8.819-17.042-14.1-38.364-14.1zm42.643%2029.388h27.984c6.636%200%2011.993%206.533%2011.993%2013.065c0%206.533-5.33%2013.066-11.993%2013.066h-27.984z%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%20193%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfgUN50Ex%22%20x1%3D%2237.973%25%22%20x2%3D%2291.121%25%22%20y1%3D%2216.999%25%22%20y2%3D%2276.326%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23c9cbce%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237b7a81%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGfgUN50Ex)%22%20d%3D%22M149.333%20149.333c-53.333%200-98.659-26.713-98.659-58.713S90.667%2032%20144%2032c67.357%200%2098.572%2025.911%2098.572%2057.911s-34.407%2059.422-93.239%2059.422M128%200C58.667%200%200%2037.333%200%2085.333c0%2045.334%2058.312%2082.969%20127.646%2082.969c69.333%200%20128.354-34.969%20128.354-82.969S197.333%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%232165b6%22%20d%3D%22M105.946%2051.829v141.109h42.643v-54.875c10.661%200%2017.011-2.328%2023.986%2010.452c10.661%2018.292%2023.987%2044.423%2023.987%2044.423H247.2s-31.982-52.262-34.647-54.875c-4.915-5.227-10.661-5.227-18.656-7.84c15.991-2.613%2030.899-9.248%2036.082-23.464c4.531-13.065%203.998-29.685-5.714-40.83c-8.411-8.819-17.042-14.1-38.364-14.1zm42.643%2029.388h27.984c6.636%200%2011.993%206.533%2011.993%2013.065c0%206.533-5.33%2013.066-11.993%2013.066h-27.984z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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