babylonjs logo

babylonjs from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: babylonjs
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the babylonjs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0684b" d="m119.427 32.001l-17.35-10.015L85.39 31.62l17.346 10.016zm-94.164 9.636L80.691 9.635L64 0L8.573 32.001zm21.391 32.381L64 84.033l17.35-10.015L64 64.002z" class="cls-3"/><path fill="#bb464b" d="M46.654 74.018L64 64.002l17.35 10.016V53.982L64 43.967L46.654 53.982z" class="cls-1"/><path fill="#e0ded8" d="M81.35 74.018L64 84.033v24.696l38.737-22.366V41.637L81.35 53.982z" class="cls-4"/><path fill="#d5d2ca" d="M46.654 74.018L64 84.033v24.696L25.263 86.363V41.637l21.391 12.345z" class="cls-5"/><path fill="#fff" d="M81.35 53.982L64 43.967L46.654 53.982l-21.39-12.345L80.69 9.635l21.385 12.35l-16.685 9.636l17.346 10.016z" class="cls-2"/><path fill="#bb464b" d="M25.263 86.363V41.637L8.573 32v64L64 128l55.427-32.001V32l-16.69 9.636v44.726L64 108.73z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconBabylonjs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0684b" d="m119.427 32.001l-17.35-10.015L85.39 31.62l17.346 10.016zm-94.164 9.636L80.691 9.635L64 0L8.573 32.001zm21.391 32.381L64 84.033l17.35-10.015L64 64.002z" className="cls-3"/><path fill="#bb464b" d="M46.654 74.018L64 64.002l17.35 10.016V53.982L64 43.967L46.654 53.982z" className="cls-1"/><path fill="#e0ded8" d="M81.35 74.018L64 84.033v24.696l38.737-22.366V41.637L81.35 53.982z" className="cls-4"/><path fill="#d5d2ca" d="M46.654 74.018L64 84.033v24.696L25.263 86.363V41.637l21.391 12.345z" className="cls-5"/><path fill="#fff" d="M81.35 53.982L64 43.967L46.654 53.982l-21.39-12.345L80.69 9.635l21.385 12.35l-16.685 9.636l17.346 10.016z" className="cls-2"/><path fill="#bb464b" d="M25.263 86.363V41.637L8.573 32v64L64 128l55.427-32.001V32l-16.69 9.636v44.726L64 108.73z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0684b" d="m119.427 32.001l-17.35-10.015L85.39 31.62l17.346 10.016zm-94.164 9.636L80.691 9.635L64 0L8.573 32.001zm21.391 32.381L64 84.033l17.35-10.015L64 64.002z" class="cls-3"/><path fill="#bb464b" d="M46.654 74.018L64 64.002l17.35 10.016V53.982L64 43.967L46.654 53.982z" class="cls-1"/><path fill="#e0ded8" d="M81.35 74.018L64 84.033v24.696l38.737-22.366V41.637L81.35 53.982z" class="cls-4"/><path fill="#d5d2ca" d="M46.654 74.018L64 84.033v24.696L25.263 86.363V41.637l21.391 12.345z" class="cls-5"/><path fill="#fff" d="M81.35 53.982L64 43.967L46.654 53.982l-21.39-12.345L80.69 9.635l21.385 12.35l-16.685 9.636l17.346 10.016z" class="cls-2"/><path fill="#bb464b" d="M25.263 86.363V41.637L8.573 32v64L64 128l55.427-32.001V32l-16.69 9.636v44.726L64 108.73z"/></svg>
</template>

CSS

.icon-babylonjs {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e0684b%22%20d%3D%22m119.427%2032.001l-17.35-10.015L85.39%2031.62l17.346%2010.016zm-94.164%209.636L80.691%209.635L64%200L8.573%2032.001zm21.391%2032.381L64%2084.033l17.35-10.015L64%2064.002z%22%20class%3D%22cls-3%22%2F%3E%3Cpath%20fill%3D%22%23bb464b%22%20d%3D%22M46.654%2074.018L64%2064.002l17.35%2010.016V53.982L64%2043.967L46.654%2053.982z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20fill%3D%22%23e0ded8%22%20d%3D%22M81.35%2074.018L64%2084.033v24.696l38.737-22.366V41.637L81.35%2053.982z%22%20class%3D%22cls-4%22%2F%3E%3Cpath%20fill%3D%22%23d5d2ca%22%20d%3D%22M46.654%2074.018L64%2084.033v24.696L25.263%2086.363V41.637l21.391%2012.345z%22%20class%3D%22cls-5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M81.35%2053.982L64%2043.967L46.654%2053.982l-21.39-12.345L80.69%209.635l21.385%2012.35l-16.685%209.636l17.346%2010.016z%22%20class%3D%22cls-2%22%2F%3E%3Cpath%20fill%3D%22%23bb464b%22%20d%3D%22M25.263%2086.363V41.637L8.573%2032v64L64%20128l55.427-32.001V32l-16.69%209.636v44.726L64%20108.73z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e0684b%22%20d%3D%22m119.427%2032.001l-17.35-10.015L85.39%2031.62l17.346%2010.016zm-94.164%209.636L80.691%209.635L64%200L8.573%2032.001zm21.391%2032.381L64%2084.033l17.35-10.015L64%2064.002z%22%20class%3D%22cls-3%22%2F%3E%3Cpath%20fill%3D%22%23bb464b%22%20d%3D%22M46.654%2074.018L64%2064.002l17.35%2010.016V53.982L64%2043.967L46.654%2053.982z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20fill%3D%22%23e0ded8%22%20d%3D%22M81.35%2074.018L64%2084.033v24.696l38.737-22.366V41.637L81.35%2053.982z%22%20class%3D%22cls-4%22%2F%3E%3Cpath%20fill%3D%22%23d5d2ca%22%20d%3D%22M46.654%2074.018L64%2084.033v24.696L25.263%2086.363V41.637l21.391%2012.345z%22%20class%3D%22cls-5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M81.35%2053.982L64%2043.967L46.654%2053.982l-21.39-12.345L80.69%209.635l21.385%2012.35l-16.685%209.636l17.346%2010.016z%22%20class%3D%22cls-2%22%2F%3E%3Cpath%20fill%3D%22%23bb464b%22%20d%3D%22M25.263%2086.363V41.637L8.573%2032v64L64%20128l55.427-32.001V32l-16.69%209.636v44.726L64%20108.73z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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