jspm logo

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

Name
jspm
Set
SVG Logos
Style
Color
Viewbox
256×298
License
CC0

Use the jspm logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 298"><path fill="#feea5f" d="m210.741 74.865l-82.858 47.877L44.959 74.88l82.915-47.886z"/><path fill="#e0cc41" d="m104.25 258.24l-82.239-47.465v-95.653l82.239 47.447z"/><path fill="#efdb50" d="m150.051 161.649l84.853-48.988v99.186l-84.853 48.971z"/><path fill="#c3c2c2" d="m50.435 74.879l77.446 44.7l77.384-44.714l-77.393-44.708zM127.658 0l128.33 74.699l-61.239 48.043l-67.764 25.904l-63.565-20.762L0 74.69z"/><path fill="#b3b3b3" d="m154.24 253.505l76.476-44.137v-89.394l-76.477 44.152zm-27.311-104.859l129.059-73.778v149.337l-129.06 73.707l-6.546-73.707z"/><path fill="#a5a5a4" d="m101.559 164.147l-76.857-44.342v89.393l76.857 44.358zM0 74.867l126.985 73.78l-.056 149.264L0 224.77z"/></svg>

React

import type { SVGProps } from "react";

export function LogosJspm(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 298"><path fill="#feea5f" d="m210.741 74.865l-82.858 47.877L44.959 74.88l82.915-47.886z"/><path fill="#e0cc41" d="m104.25 258.24l-82.239-47.465v-95.653l82.239 47.447z"/><path fill="#efdb50" d="m150.051 161.649l84.853-48.988v99.186l-84.853 48.971z"/><path fill="#c3c2c2" d="m50.435 74.879l77.446 44.7l77.384-44.714l-77.393-44.708zM127.658 0l128.33 74.699l-61.239 48.043l-67.764 25.904l-63.565-20.762L0 74.69z"/><path fill="#b3b3b3" d="m154.24 253.505l76.476-44.137v-89.394l-76.477 44.152zm-27.311-104.859l129.059-73.778v149.337l-129.06 73.707l-6.546-73.707z"/><path fill="#a5a5a4" d="m101.559 164.147l-76.857-44.342v89.393l76.857 44.358zM0 74.867l126.985 73.78l-.056 149.264L0 224.77z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 298"><path fill="#feea5f" d="m210.741 74.865l-82.858 47.877L44.959 74.88l82.915-47.886z"/><path fill="#e0cc41" d="m104.25 258.24l-82.239-47.465v-95.653l82.239 47.447z"/><path fill="#efdb50" d="m150.051 161.649l84.853-48.988v99.186l-84.853 48.971z"/><path fill="#c3c2c2" d="m50.435 74.879l77.446 44.7l77.384-44.714l-77.393-44.708zM127.658 0l128.33 74.699l-61.239 48.043l-67.764 25.904l-63.565-20.762L0 74.69z"/><path fill="#b3b3b3" d="m154.24 253.505l76.476-44.137v-89.394l-76.477 44.152zm-27.311-104.859l129.059-73.778v149.337l-129.06 73.707l-6.546-73.707z"/><path fill="#a5a5a4" d="m101.559 164.147l-76.857-44.342v89.393l76.857 44.358zM0 74.867l126.985 73.78l-.056 149.264L0 224.77z"/></svg>
</template>

CSS

.icon-jspm {
  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%20298%22%3E%3Cpath%20fill%3D%22%23feea5f%22%20d%3D%22m210.741%2074.865l-82.858%2047.877L44.959%2074.88l82.915-47.886z%22%2F%3E%3Cpath%20fill%3D%22%23e0cc41%22%20d%3D%22m104.25%20258.24l-82.239-47.465v-95.653l82.239%2047.447z%22%2F%3E%3Cpath%20fill%3D%22%23efdb50%22%20d%3D%22m150.051%20161.649l84.853-48.988v99.186l-84.853%2048.971z%22%2F%3E%3Cpath%20fill%3D%22%23c3c2c2%22%20d%3D%22m50.435%2074.879l77.446%2044.7l77.384-44.714l-77.393-44.708zM127.658%200l128.33%2074.699l-61.239%2048.043l-67.764%2025.904l-63.565-20.762L0%2074.69z%22%2F%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22m154.24%20253.505l76.476-44.137v-89.394l-76.477%2044.152zm-27.311-104.859l129.059-73.778v149.337l-129.06%2073.707l-6.546-73.707z%22%2F%3E%3Cpath%20fill%3D%22%23a5a5a4%22%20d%3D%22m101.559%20164.147l-76.857-44.342v89.393l76.857%2044.358zM0%2074.867l126.985%2073.78l-.056%20149.264L0%20224.77z%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%20298%22%3E%3Cpath%20fill%3D%22%23feea5f%22%20d%3D%22m210.741%2074.865l-82.858%2047.877L44.959%2074.88l82.915-47.886z%22%2F%3E%3Cpath%20fill%3D%22%23e0cc41%22%20d%3D%22m104.25%20258.24l-82.239-47.465v-95.653l82.239%2047.447z%22%2F%3E%3Cpath%20fill%3D%22%23efdb50%22%20d%3D%22m150.051%20161.649l84.853-48.988v99.186l-84.853%2048.971z%22%2F%3E%3Cpath%20fill%3D%22%23c3c2c2%22%20d%3D%22m50.435%2074.879l77.446%2044.7l77.384-44.714l-77.393-44.708zM127.658%200l128.33%2074.699l-61.239%2048.043l-67.764%2025.904l-63.565-20.762L0%2074.69z%22%2F%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22m154.24%20253.505l76.476-44.137v-89.394l-76.477%2044.152zm-27.311-104.859l129.059-73.778v149.337l-129.06%2073.707l-6.546-73.707z%22%2F%3E%3Cpath%20fill%3D%22%23a5a5a4%22%20d%3D%22m101.559%20164.147l-76.857-44.342v89.393l76.857%2044.358zM0%2074.867l126.985%2073.78l-.056%20149.264L0%20224.77z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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