threejs logo

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

Name
threejs
Set
SVG Logos
Style
Color
Viewbox
256×259
License
CC0

The same logo in other sets

threejsDeviconthreejs-darkSkill Icons

Use the threejs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path d="M.087 3.585C-.446 1.427 1.555-.5 3.691.116l62.23 17.916a2.94 2.94 0 0 1 1.578.455l122.73 35.334c.508.01 1.01.155 1.446.416l62.234 17.918c2.138.616 2.807 3.316 1.203 4.858l-187.8 180.649c-1.603 1.542-4.274.77-4.807-1.39L31.353 130.16a3 3 0 0 1-.098-.396Zm53.306 191.71l13.52 54.733l40.714-39.165zm41.938-43.284l-39.419 37.995l52.512 15.076zm5.851-.406l13.052 52.903l39.311-37.814zm-63.07-18.174l13.109 53.073l39.372-37.95zm103.704-26.278l-40.051 38.606l53.373 15.38zm5.612-1.373l13.322 53.984l40.161-38.631zM79.847 89.239l-40.137 38.64l53.471 15.407zm5.59-1.457l13.094 53.07l39.419-37.996zM22.385 69.759L35.71 123.71l40.108-38.612zm166.192-7.49l-39.419 37.995l52.512 15.076zm5.633-1.29l13.28 53.826l40.008-38.484zm-67.86-16.506L87.109 82.25l52.265 15.003zm5.601-1.419l13.112 53.134l39.43-38.007zM64.338 26.48L24.919 64.476L77.431 79.55zm5.638-1.269l13.061 52.937l39.323-37.855zM6.894 7.05l13.323 53.935l40.022-38.577z"/></svg>

React

import type { SVGProps } from "react";

export function LogosThreejs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path d="M.087 3.585C-.446 1.427 1.555-.5 3.691.116l62.23 17.916a2.94 2.94 0 0 1 1.578.455l122.73 35.334c.508.01 1.01.155 1.446.416l62.234 17.918c2.138.616 2.807 3.316 1.203 4.858l-187.8 180.649c-1.603 1.542-4.274.77-4.807-1.39L31.353 130.16a3 3 0 0 1-.098-.396Zm53.306 191.71l13.52 54.733l40.714-39.165zm41.938-43.284l-39.419 37.995l52.512 15.076zm5.851-.406l13.052 52.903l39.311-37.814zm-63.07-18.174l13.109 53.073l39.372-37.95zm103.704-26.278l-40.051 38.606l53.373 15.38zm5.612-1.373l13.322 53.984l40.161-38.631zM79.847 89.239l-40.137 38.64l53.471 15.407zm5.59-1.457l13.094 53.07l39.419-37.996zM22.385 69.759L35.71 123.71l40.108-38.612zm166.192-7.49l-39.419 37.995l52.512 15.076zm5.633-1.29l13.28 53.826l40.008-38.484zm-67.86-16.506L87.109 82.25l52.265 15.003zm5.601-1.419l13.112 53.134l39.43-38.007zM64.338 26.48L24.919 64.476L77.431 79.55zm5.638-1.269l13.061 52.937l39.323-37.855zM6.894 7.05l13.323 53.935l40.022-38.577z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path d="M.087 3.585C-.446 1.427 1.555-.5 3.691.116l62.23 17.916a2.94 2.94 0 0 1 1.578.455l122.73 35.334c.508.01 1.01.155 1.446.416l62.234 17.918c2.138.616 2.807 3.316 1.203 4.858l-187.8 180.649c-1.603 1.542-4.274.77-4.807-1.39L31.353 130.16a3 3 0 0 1-.098-.396Zm53.306 191.71l13.52 54.733l40.714-39.165zm41.938-43.284l-39.419 37.995l52.512 15.076zm5.851-.406l13.052 52.903l39.311-37.814zm-63.07-18.174l13.109 53.073l39.372-37.95zm103.704-26.278l-40.051 38.606l53.373 15.38zm5.612-1.373l13.322 53.984l40.161-38.631zM79.847 89.239l-40.137 38.64l53.471 15.407zm5.59-1.457l13.094 53.07l39.419-37.996zM22.385 69.759L35.71 123.71l40.108-38.612zm166.192-7.49l-39.419 37.995l52.512 15.076zm5.633-1.29l13.28 53.826l40.008-38.484zm-67.86-16.506L87.109 82.25l52.265 15.003zm5.601-1.419l13.112 53.134l39.43-38.007zM64.338 26.48L24.919 64.476L77.431 79.55zm5.638-1.269l13.061 52.937l39.323-37.855zM6.894 7.05l13.323 53.935l40.022-38.577z"/></svg>
</template>

CSS

.icon-threejs {
  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%20259%22%3E%3Cpath%20d%3D%22M.087%203.585C-.446%201.427%201.555-.5%203.691.116l62.23%2017.916a2.94%202.94%200%200%201%201.578.455l122.73%2035.334c.508.01%201.01.155%201.446.416l62.234%2017.918c2.138.616%202.807%203.316%201.203%204.858l-187.8%20180.649c-1.603%201.542-4.274.77-4.807-1.39L31.353%20130.16a3%203%200%200%201-.098-.396Zm53.306%20191.71l13.52%2054.733l40.714-39.165zm41.938-43.284l-39.419%2037.995l52.512%2015.076zm5.851-.406l13.052%2052.903l39.311-37.814zm-63.07-18.174l13.109%2053.073l39.372-37.95zm103.704-26.278l-40.051%2038.606l53.373%2015.38zm5.612-1.373l13.322%2053.984l40.161-38.631zM79.847%2089.239l-40.137%2038.64l53.471%2015.407zm5.59-1.457l13.094%2053.07l39.419-37.996zM22.385%2069.759L35.71%20123.71l40.108-38.612zm166.192-7.49l-39.419%2037.995l52.512%2015.076zm5.633-1.29l13.28%2053.826l40.008-38.484zm-67.86-16.506L87.109%2082.25l52.265%2015.003zm5.601-1.419l13.112%2053.134l39.43-38.007zM64.338%2026.48L24.919%2064.476L77.431%2079.55zm5.638-1.269l13.061%2052.937l39.323-37.855zM6.894%207.05l13.323%2053.935l40.022-38.577z%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%20259%22%3E%3Cpath%20d%3D%22M.087%203.585C-.446%201.427%201.555-.5%203.691.116l62.23%2017.916a2.94%202.94%200%200%201%201.578.455l122.73%2035.334c.508.01%201.01.155%201.446.416l62.234%2017.918c2.138.616%202.807%203.316%201.203%204.858l-187.8%20180.649c-1.603%201.542-4.274.77-4.807-1.39L31.353%20130.16a3%203%200%200%201-.098-.396Zm53.306%20191.71l13.52%2054.733l40.714-39.165zm41.938-43.284l-39.419%2037.995l52.512%2015.076zm5.851-.406l13.052%2052.903l39.311-37.814zm-63.07-18.174l13.109%2053.073l39.372-37.95zm103.704-26.278l-40.051%2038.606l53.373%2015.38zm5.612-1.373l13.322%2053.984l40.161-38.631zM79.847%2089.239l-40.137%2038.64l53.471%2015.407zm5.59-1.457l13.094%2053.07l39.419-37.996zM22.385%2069.759L35.71%20123.71l40.108-38.612zm166.192-7.49l-39.419%2037.995l52.512%2015.076zm5.633-1.29l13.28%2053.826l40.008-38.484zm-67.86-16.506L87.109%2082.25l52.265%2015.003zm5.601-1.419l13.112%2053.134l39.43-38.007zM64.338%2026.48L24.919%2064.476L77.431%2079.55zm5.638-1.269l13.061%2052.937l39.323-37.855zM6.894%207.05l13.323%2053.935l40.022-38.577z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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