oreilly logo

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

Name
oreilly
Set
SVG Logos
Style
Color
Viewbox
512×93
License
CC0

The same logo in other sets

oreillySimple Icons

Use the oreilly logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 93"><path fill="#221f20" d="M271.927 16.342V1.472H209.88v89.255h62.047V75.852h-47.17V53.54h44.898V38.665h-44.898V16.342zm46.038 74.385V1.478h14.882v74.373h42.91v14.876zm69.916 0V1.478h14.882v74.373h42.922v14.876zM287.54 1.478h14.876v89.249H287.54zM0 46.509C0 20.83 20.812.03 46.491.024C72.17.03 92.97 20.83 92.976 46.509C92.97 72.181 72.17 92.994 46.491 93C20.812 92.994 0 72.181 0 46.509m24.13-22.361c-5.722 5.76-9.248 13.61-9.26 22.361c.012 8.757 3.538 16.601 9.26 22.348c5.748 5.735 13.604 9.267 22.361 9.267s16.601-3.532 22.343-9.267C74.575 63.11 78.1 55.266 78.1 46.509c0-8.751-3.525-16.601-9.266-22.361c-5.742-5.716-13.586-9.242-22.343-9.248c-8.757.006-16.613 3.532-22.361 9.248m152.259 28.285c10.734-3.223 18.565-13.144 18.565-24.93c0-14.372-11.653-26.024-26.037-26.024H124.08v89.248h14.87v-37.18h20.724l22.436 37.18h17.357zM138.95 38.665V16.342h29.966c6.163.006 11.155 5.005 11.168 11.16c-.013 6.158-5.005 11.15-11.168 11.163zM512 1.478h-18.08l-22.897 33.138l-22.895-33.138h-18.081l33.517 48.531v40.718h14.882V50.04z"/><path fill="#d31242" d="M113.53 10.972c0 6.05-4.898 10.954-10.942 10.954c-6.055 0-10.952-4.904-10.952-10.954c0-6.044 4.897-10.948 10.953-10.948c6.043 0 10.942 4.904 10.942 10.948"/></svg>

React

import type { SVGProps } from "react";

export function LogosOreilly(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 93"><path fill="#221f20" d="M271.927 16.342V1.472H209.88v89.255h62.047V75.852h-47.17V53.54h44.898V38.665h-44.898V16.342zm46.038 74.385V1.478h14.882v74.373h42.91v14.876zm69.916 0V1.478h14.882v74.373h42.922v14.876zM287.54 1.478h14.876v89.249H287.54zM0 46.509C0 20.83 20.812.03 46.491.024C72.17.03 92.97 20.83 92.976 46.509C92.97 72.181 72.17 92.994 46.491 93C20.812 92.994 0 72.181 0 46.509m24.13-22.361c-5.722 5.76-9.248 13.61-9.26 22.361c.012 8.757 3.538 16.601 9.26 22.348c5.748 5.735 13.604 9.267 22.361 9.267s16.601-3.532 22.343-9.267C74.575 63.11 78.1 55.266 78.1 46.509c0-8.751-3.525-16.601-9.266-22.361c-5.742-5.716-13.586-9.242-22.343-9.248c-8.757.006-16.613 3.532-22.361 9.248m152.259 28.285c10.734-3.223 18.565-13.144 18.565-24.93c0-14.372-11.653-26.024-26.037-26.024H124.08v89.248h14.87v-37.18h20.724l22.436 37.18h17.357zM138.95 38.665V16.342h29.966c6.163.006 11.155 5.005 11.168 11.16c-.013 6.158-5.005 11.15-11.168 11.163zM512 1.478h-18.08l-22.897 33.138l-22.895-33.138h-18.081l33.517 48.531v40.718h14.882V50.04z"/><path fill="#d31242" d="M113.53 10.972c0 6.05-4.898 10.954-10.942 10.954c-6.055 0-10.952-4.904-10.952-10.954c0-6.044 4.897-10.948 10.953-10.948c6.043 0 10.942 4.904 10.942 10.948"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 93"><path fill="#221f20" d="M271.927 16.342V1.472H209.88v89.255h62.047V75.852h-47.17V53.54h44.898V38.665h-44.898V16.342zm46.038 74.385V1.478h14.882v74.373h42.91v14.876zm69.916 0V1.478h14.882v74.373h42.922v14.876zM287.54 1.478h14.876v89.249H287.54zM0 46.509C0 20.83 20.812.03 46.491.024C72.17.03 92.97 20.83 92.976 46.509C92.97 72.181 72.17 92.994 46.491 93C20.812 92.994 0 72.181 0 46.509m24.13-22.361c-5.722 5.76-9.248 13.61-9.26 22.361c.012 8.757 3.538 16.601 9.26 22.348c5.748 5.735 13.604 9.267 22.361 9.267s16.601-3.532 22.343-9.267C74.575 63.11 78.1 55.266 78.1 46.509c0-8.751-3.525-16.601-9.266-22.361c-5.742-5.716-13.586-9.242-22.343-9.248c-8.757.006-16.613 3.532-22.361 9.248m152.259 28.285c10.734-3.223 18.565-13.144 18.565-24.93c0-14.372-11.653-26.024-26.037-26.024H124.08v89.248h14.87v-37.18h20.724l22.436 37.18h17.357zM138.95 38.665V16.342h29.966c6.163.006 11.155 5.005 11.168 11.16c-.013 6.158-5.005 11.15-11.168 11.163zM512 1.478h-18.08l-22.897 33.138l-22.895-33.138h-18.081l33.517 48.531v40.718h14.882V50.04z"/><path fill="#d31242" d="M113.53 10.972c0 6.05-4.898 10.954-10.942 10.954c-6.055 0-10.952-4.904-10.952-10.954c0-6.044 4.897-10.948 10.953-10.948c6.043 0 10.942 4.904 10.942 10.948"/></svg>
</template>

CSS

.icon-oreilly {
  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%20512%2093%22%3E%3Cpath%20fill%3D%22%23221f20%22%20d%3D%22M271.927%2016.342V1.472H209.88v89.255h62.047V75.852h-47.17V53.54h44.898V38.665h-44.898V16.342zm46.038%2074.385V1.478h14.882v74.373h42.91v14.876zm69.916%200V1.478h14.882v74.373h42.922v14.876zM287.54%201.478h14.876v89.249H287.54zM0%2046.509C0%2020.83%2020.812.03%2046.491.024C72.17.03%2092.97%2020.83%2092.976%2046.509C92.97%2072.181%2072.17%2092.994%2046.491%2093C20.812%2092.994%200%2072.181%200%2046.509m24.13-22.361c-5.722%205.76-9.248%2013.61-9.26%2022.361c.012%208.757%203.538%2016.601%209.26%2022.348c5.748%205.735%2013.604%209.267%2022.361%209.267s16.601-3.532%2022.343-9.267C74.575%2063.11%2078.1%2055.266%2078.1%2046.509c0-8.751-3.525-16.601-9.266-22.361c-5.742-5.716-13.586-9.242-22.343-9.248c-8.757.006-16.613%203.532-22.361%209.248m152.259%2028.285c10.734-3.223%2018.565-13.144%2018.565-24.93c0-14.372-11.653-26.024-26.037-26.024H124.08v89.248h14.87v-37.18h20.724l22.436%2037.18h17.357zM138.95%2038.665V16.342h29.966c6.163.006%2011.155%205.005%2011.168%2011.16c-.013%206.158-5.005%2011.15-11.168%2011.163zM512%201.478h-18.08l-22.897%2033.138l-22.895-33.138h-18.081l33.517%2048.531v40.718h14.882V50.04z%22%2F%3E%3Cpath%20fill%3D%22%23d31242%22%20d%3D%22M113.53%2010.972c0%206.05-4.898%2010.954-10.942%2010.954c-6.055%200-10.952-4.904-10.952-10.954c0-6.044%204.897-10.948%2010.953-10.948c6.043%200%2010.942%204.904%2010.942%2010.948%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%20512%2093%22%3E%3Cpath%20fill%3D%22%23221f20%22%20d%3D%22M271.927%2016.342V1.472H209.88v89.255h62.047V75.852h-47.17V53.54h44.898V38.665h-44.898V16.342zm46.038%2074.385V1.478h14.882v74.373h42.91v14.876zm69.916%200V1.478h14.882v74.373h42.922v14.876zM287.54%201.478h14.876v89.249H287.54zM0%2046.509C0%2020.83%2020.812.03%2046.491.024C72.17.03%2092.97%2020.83%2092.976%2046.509C92.97%2072.181%2072.17%2092.994%2046.491%2093C20.812%2092.994%200%2072.181%200%2046.509m24.13-22.361c-5.722%205.76-9.248%2013.61-9.26%2022.361c.012%208.757%203.538%2016.601%209.26%2022.348c5.748%205.735%2013.604%209.267%2022.361%209.267s16.601-3.532%2022.343-9.267C74.575%2063.11%2078.1%2055.266%2078.1%2046.509c0-8.751-3.525-16.601-9.266-22.361c-5.742-5.716-13.586-9.242-22.343-9.248c-8.757.006-16.613%203.532-22.361%209.248m152.259%2028.285c10.734-3.223%2018.565-13.144%2018.565-24.93c0-14.372-11.653-26.024-26.037-26.024H124.08v89.248h14.87v-37.18h20.724l22.436%2037.18h17.357zM138.95%2038.665V16.342h29.966c6.163.006%2011.155%205.005%2011.168%2011.16c-.013%206.158-5.005%2011.15-11.168%2011.163zM512%201.478h-18.08l-22.897%2033.138l-22.895-33.138h-18.081l33.517%2048.531v40.718h14.882V50.04z%22%2F%3E%3Cpath%20fill%3D%22%23d31242%22%20d%3D%22M113.53%2010.972c0%206.05-4.898%2010.954-10.942%2010.954c-6.055%200-10.952-4.904-10.952-10.954c0-6.044%204.897-10.948%2010.953-10.948c6.043%200%2010.942%204.904%2010.942%2010.948%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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