oculus logo
oculus from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- oculus
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the oculus logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.182 18.599a3.3 3.3 0 0 1-1.411.552c-.51.083-1.016.068-1.521.068h-10.5c-.51 0-1.016.021-1.526-.068a3.4 3.4 0 0 1-1.411-.552a3.18 3.18 0 0 1-1.365-2.604a3.13 3.13 0 0 1 1.37-2.599a3.26 3.26 0 0 1 1.396-.557c.5-.083 1-.083 1.526-.083h10.5c.5 0 1.016-.016 1.516.063s.984.26 1.401.542a3.11 3.11 0 0 1 1.365 2.599c0 1.036-.526 2-1.38 2.599zm4.229-10.073a9.6 9.6 0 0 0-3.818-1.865a12 12 0 0 0-2.432-.307c-.599-.021-1.198-.01-1.818-.01h-8.661c-.609 0-1.224-.01-1.833.01c-.823.026-1.63.109-2.432.307a9.7 9.7 0 0 0-3.818 1.865A9.56 9.56 0 0 0 0 16a9.58 9.58 0 0 0 3.583 7.474a9.7 9.7 0 0 0 3.823 1.87c.802.193 1.609.281 2.432.302c.599.021 1.198.016 1.818.016h8.661c.599 0 1.219.005 1.818-.016c.823-.021 1.62-.109 2.417-.302a9.9 9.9 0 0 0 3.823-1.87C30.682 21.651 32 18.906 32 16s-1.318-5.656-3.589-7.474"/></svg>
React
import type { SVGProps } from "react";
export function CibOculus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.182 18.599a3.3 3.3 0 0 1-1.411.552c-.51.083-1.016.068-1.521.068h-10.5c-.51 0-1.016.021-1.526-.068a3.4 3.4 0 0 1-1.411-.552a3.18 3.18 0 0 1-1.365-2.604a3.13 3.13 0 0 1 1.37-2.599a3.26 3.26 0 0 1 1.396-.557c.5-.083 1-.083 1.526-.083h10.5c.5 0 1.016-.016 1.516.063s.984.26 1.401.542a3.11 3.11 0 0 1 1.365 2.599c0 1.036-.526 2-1.38 2.599zm4.229-10.073a9.6 9.6 0 0 0-3.818-1.865a12 12 0 0 0-2.432-.307c-.599-.021-1.198-.01-1.818-.01h-8.661c-.609 0-1.224-.01-1.833.01c-.823.026-1.63.109-2.432.307a9.7 9.7 0 0 0-3.818 1.865A9.56 9.56 0 0 0 0 16a9.58 9.58 0 0 0 3.583 7.474a9.7 9.7 0 0 0 3.823 1.87c.802.193 1.609.281 2.432.302c.599.021 1.198.016 1.818.016h8.661c.599 0 1.219.005 1.818-.016c.823-.021 1.62-.109 2.417-.302a9.9 9.9 0 0 0 3.823-1.87C30.682 21.651 32 18.906 32 16s-1.318-5.656-3.589-7.474"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.182 18.599a3.3 3.3 0 0 1-1.411.552c-.51.083-1.016.068-1.521.068h-10.5c-.51 0-1.016.021-1.526-.068a3.4 3.4 0 0 1-1.411-.552a3.18 3.18 0 0 1-1.365-2.604a3.13 3.13 0 0 1 1.37-2.599a3.26 3.26 0 0 1 1.396-.557c.5-.083 1-.083 1.526-.083h10.5c.5 0 1.016-.016 1.516.063s.984.26 1.401.542a3.11 3.11 0 0 1 1.365 2.599c0 1.036-.526 2-1.38 2.599zm4.229-10.073a9.6 9.6 0 0 0-3.818-1.865a12 12 0 0 0-2.432-.307c-.599-.021-1.198-.01-1.818-.01h-8.661c-.609 0-1.224-.01-1.833.01c-.823.026-1.63.109-2.432.307a9.7 9.7 0 0 0-3.818 1.865A9.56 9.56 0 0 0 0 16a9.58 9.58 0 0 0 3.583 7.474a9.7 9.7 0 0 0 3.823 1.87c.802.193 1.609.281 2.432.302c.599.021 1.198.016 1.818.016h8.661c.599 0 1.219.005 1.818-.016c.823-.021 1.62-.109 2.417-.302a9.9 9.9 0 0 0 3.823-1.87C30.682 21.651 32 18.906 32 16s-1.318-5.656-3.589-7.474"/></svg> </template>
CSS
.icon-oculus {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.182%2018.599a3.3%203.3%200%200%201-1.411.552c-.51.083-1.016.068-1.521.068h-10.5c-.51%200-1.016.021-1.526-.068a3.4%203.4%200%200%201-1.411-.552a3.18%203.18%200%200%201-1.365-2.604a3.13%203.13%200%200%201%201.37-2.599a3.26%203.26%200%200%201%201.396-.557c.5-.083%201-.083%201.526-.083h10.5c.5%200%201.016-.016%201.516.063s.984.26%201.401.542a3.11%203.11%200%200%201%201.365%202.599c0%201.036-.526%202-1.38%202.599zm4.229-10.073a9.6%209.6%200%200%200-3.818-1.865a12%2012%200%200%200-2.432-.307c-.599-.021-1.198-.01-1.818-.01h-8.661c-.609%200-1.224-.01-1.833.01c-.823.026-1.63.109-2.432.307a9.7%209.7%200%200%200-3.818%201.865A9.56%209.56%200%200%200%200%2016a9.58%209.58%200%200%200%203.583%207.474a9.7%209.7%200%200%200%203.823%201.87c.802.193%201.609.281%202.432.302c.599.021%201.198.016%201.818.016h8.661c.599%200%201.219.005%201.818-.016c.823-.021%201.62-.109%202.417-.302a9.9%209.9%200%200%200%203.823-1.87C30.682%2021.651%2032%2018.906%2032%2016s-1.318-5.656-3.589-7.474%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.182%2018.599a3.3%203.3%200%200%201-1.411.552c-.51.083-1.016.068-1.521.068h-10.5c-.51%200-1.016.021-1.526-.068a3.4%203.4%200%200%201-1.411-.552a3.18%203.18%200%200%201-1.365-2.604a3.13%203.13%200%200%201%201.37-2.599a3.26%203.26%200%200%201%201.396-.557c.5-.083%201-.083%201.526-.083h10.5c.5%200%201.016-.016%201.516.063s.984.26%201.401.542a3.11%203.11%200%200%201%201.365%202.599c0%201.036-.526%202-1.38%202.599zm4.229-10.073a9.6%209.6%200%200%200-3.818-1.865a12%2012%200%200%200-2.432-.307c-.599-.021-1.198-.01-1.818-.01h-8.661c-.609%200-1.224-.01-1.833.01c-.823.026-1.63.109-2.432.307a9.7%209.7%200%200%200-3.818%201.865A9.56%209.56%200%200%200%200%2016a9.58%209.58%200%200%200%203.583%207.474a9.7%209.7%200%200%200%203.823%201.87c.802.193%201.609.281%202.432.302c.599.021%201.198.016%201.818.016h8.661c.599%200%201.219.005%201.818-.016c.823-.021%201.62-.109%202.417-.302a9.9%209.9%200%200%200%203.823-1.87C30.682%2021.651%2032%2018.906%2032%2016s-1.318-5.656-3.589-7.474%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/oculus.svg?color=%231a73e8&size=48
