createjs logo

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

Name
createjs
Set
SVG Logos
Style
Color
Viewbox
256×293
License
CC0

Use the createjs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#405261" d="M252.078 70.215L131.903 1.043a7.83 7.83 0 0 0-7.806 0L3.92 70.215A7.82 7.82 0 0 0 0 76.995v138.3a7.82 7.82 0 0 0 3.92 6.78l120.177 69.17a7.83 7.83 0 0 0 7.806 0l120.177-69.17a7.82 7.82 0 0 0 3.92-6.78v-138.3c0-2.8-1.494-5.385-3.922-6.78M118.84 45.382a1.3 1.3 0 0 1-.652 1.13l-42.989 24.77a1.305 1.305 0 0 0 0 2.26l42.986 24.742c.404.232.655.662.655 1.129v17.976a1.302 1.302 0 0 1-1.954 1.13L38.754 73.55a1.305 1.305 0 0 1 0-2.26l78.13-45.019c.868-.5 1.956.128 1.956 1.13zm98.404 28.168l-78.196 45.007a1.303 1.303 0 0 1-1.953-1.129V99.452c0-.467.25-.897.655-1.13l43.05-24.776c.871-.5.871-1.758 0-2.261l-43.05-24.808a1.3 1.3 0 0 1-.652-1.129V27.367a1.304 1.304 0 0 1 1.956-1.13l78.195 45.055c.866.5.866 1.757-.005 2.258"/></svg>

React

import type { SVGProps } from "react";

export function LogosCreatejs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#405261" d="M252.078 70.215L131.903 1.043a7.83 7.83 0 0 0-7.806 0L3.92 70.215A7.82 7.82 0 0 0 0 76.995v138.3a7.82 7.82 0 0 0 3.92 6.78l120.177 69.17a7.83 7.83 0 0 0 7.806 0l120.177-69.17a7.82 7.82 0 0 0 3.92-6.78v-138.3c0-2.8-1.494-5.385-3.922-6.78M118.84 45.382a1.3 1.3 0 0 1-.652 1.13l-42.989 24.77a1.305 1.305 0 0 0 0 2.26l42.986 24.742c.404.232.655.662.655 1.129v17.976a1.302 1.302 0 0 1-1.954 1.13L38.754 73.55a1.305 1.305 0 0 1 0-2.26l78.13-45.019c.868-.5 1.956.128 1.956 1.13zm98.404 28.168l-78.196 45.007a1.303 1.303 0 0 1-1.953-1.129V99.452c0-.467.25-.897.655-1.13l43.05-24.776c.871-.5.871-1.758 0-2.261l-43.05-24.808a1.3 1.3 0 0 1-.652-1.129V27.367a1.304 1.304 0 0 1 1.956-1.13l78.195 45.055c.866.5.866 1.757-.005 2.258"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#405261" d="M252.078 70.215L131.903 1.043a7.83 7.83 0 0 0-7.806 0L3.92 70.215A7.82 7.82 0 0 0 0 76.995v138.3a7.82 7.82 0 0 0 3.92 6.78l120.177 69.17a7.83 7.83 0 0 0 7.806 0l120.177-69.17a7.82 7.82 0 0 0 3.92-6.78v-138.3c0-2.8-1.494-5.385-3.922-6.78M118.84 45.382a1.3 1.3 0 0 1-.652 1.13l-42.989 24.77a1.305 1.305 0 0 0 0 2.26l42.986 24.742c.404.232.655.662.655 1.129v17.976a1.302 1.302 0 0 1-1.954 1.13L38.754 73.55a1.305 1.305 0 0 1 0-2.26l78.13-45.019c.868-.5 1.956.128 1.956 1.13zm98.404 28.168l-78.196 45.007a1.303 1.303 0 0 1-1.953-1.129V99.452c0-.467.25-.897.655-1.13l43.05-24.776c.871-.5.871-1.758 0-2.261l-43.05-24.808a1.3 1.3 0 0 1-.652-1.129V27.367a1.304 1.304 0 0 1 1.956-1.13l78.195 45.055c.866.5.866 1.757-.005 2.258"/></svg>
</template>

CSS

.icon-createjs {
  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%20293%22%3E%3Cpath%20fill%3D%22%23405261%22%20d%3D%22M252.078%2070.215L131.903%201.043a7.83%207.83%200%200%200-7.806%200L3.92%2070.215A7.82%207.82%200%200%200%200%2076.995v138.3a7.82%207.82%200%200%200%203.92%206.78l120.177%2069.17a7.83%207.83%200%200%200%207.806%200l120.177-69.17a7.82%207.82%200%200%200%203.92-6.78v-138.3c0-2.8-1.494-5.385-3.922-6.78M118.84%2045.382a1.3%201.3%200%200%201-.652%201.13l-42.989%2024.77a1.305%201.305%200%200%200%200%202.26l42.986%2024.742c.404.232.655.662.655%201.129v17.976a1.302%201.302%200%200%201-1.954%201.13L38.754%2073.55a1.305%201.305%200%200%201%200-2.26l78.13-45.019c.868-.5%201.956.128%201.956%201.13zm98.404%2028.168l-78.196%2045.007a1.303%201.303%200%200%201-1.953-1.129V99.452c0-.467.25-.897.655-1.13l43.05-24.776c.871-.5.871-1.758%200-2.261l-43.05-24.808a1.3%201.3%200%200%201-.652-1.129V27.367a1.304%201.304%200%200%201%201.956-1.13l78.195%2045.055c.866.5.866%201.757-.005%202.258%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%20293%22%3E%3Cpath%20fill%3D%22%23405261%22%20d%3D%22M252.078%2070.215L131.903%201.043a7.83%207.83%200%200%200-7.806%200L3.92%2070.215A7.82%207.82%200%200%200%200%2076.995v138.3a7.82%207.82%200%200%200%203.92%206.78l120.177%2069.17a7.83%207.83%200%200%200%207.806%200l120.177-69.17a7.82%207.82%200%200%200%203.92-6.78v-138.3c0-2.8-1.494-5.385-3.922-6.78M118.84%2045.382a1.3%201.3%200%200%201-.652%201.13l-42.989%2024.77a1.305%201.305%200%200%200%200%202.26l42.986%2024.742c.404.232.655.662.655%201.129v17.976a1.302%201.302%200%200%201-1.954%201.13L38.754%2073.55a1.305%201.305%200%200%201%200-2.26l78.13-45.019c.868-.5%201.956.128%201.956%201.13zm98.404%2028.168l-78.196%2045.007a1.303%201.303%200%200%201-1.953-1.129V99.452c0-.467.25-.897.655-1.13l43.05-24.776c.871-.5.871-1.758%200-2.261l-43.05-24.808a1.3%201.3%200%200%201-.652-1.129V27.367a1.304%201.304%200%200%201%201.956-1.13l78.195%2045.055c.866.5.866%201.757-.005%202.258%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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