open3d logo

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

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

Use the open3d logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.998 1.606L0 12l5.998 10.394h2.094l1.954-3.383H7.952L4.06 12.268h8.149l3.56 6.157L19.483 12l-3.715-6.444l-3.56 6.18H4.055l3.893-6.747h2.098L8.088 1.606Zm2.71 0l1.954 3.383h5.386L20.096 12l-4.044 7.011h-5.394l-1.954 3.383h9.294l.488-.847L24 12L18.002 1.606Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsOpen3d(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="M5.998 1.606L0 12l5.998 10.394h2.094l1.954-3.383H7.952L4.06 12.268h8.149l3.56 6.157L19.483 12l-3.715-6.444l-3.56 6.18H4.055l3.893-6.747h2.098L8.088 1.606Zm2.71 0l1.954 3.383h5.386L20.096 12l-4.044 7.011h-5.394l-1.954 3.383h9.294l.488-.847L24 12L18.002 1.606Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.998 1.606L0 12l5.998 10.394h2.094l1.954-3.383H7.952L4.06 12.268h8.149l3.56 6.157L19.483 12l-3.715-6.444l-3.56 6.18H4.055l3.893-6.747h2.098L8.088 1.606Zm2.71 0l1.954 3.383h5.386L20.096 12l-4.044 7.011h-5.394l-1.954 3.383h9.294l.488-.847L24 12L18.002 1.606Z"/></svg>
</template>

CSS

.icon-open3d {
  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%22M5.998%201.606L0%2012l5.998%2010.394h2.094l1.954-3.383H7.952L4.06%2012.268h8.149l3.56%206.157L19.483%2012l-3.715-6.444l-3.56%206.18H4.055l3.893-6.747h2.098L8.088%201.606Zm2.71%200l1.954%203.383h5.386L20.096%2012l-4.044%207.011h-5.394l-1.954%203.383h9.294l.488-.847L24%2012L18.002%201.606Z%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%22M5.998%201.606L0%2012l5.998%2010.394h2.094l1.954-3.383H7.952L4.06%2012.268h8.149l3.56%206.157L19.483%2012l-3.715-6.444l-3.56%206.18H4.055l3.893-6.747h2.098L8.088%201.606Zm2.71%200l1.954%203.383h5.386L20.096%2012l-4.044%207.011h-5.394l-1.954%203.383h9.294l.488-.847L24%2012L18.002%201.606Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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