blocs logo

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

Name: blocs
Set: SVG Logos
Style: Color
Viewbox: 256×283
License: CC0

Use the blocs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><path fill="#fff" d="M128.338.078a38.8 38.8 0 0 0-19.408 5.2L20.244 56.481A38.82 38.82 0 0 0 .836 90.096v102.407a38.81 38.81 0 0 0 19.408 33.615l88.686 51.204a38.8 38.8 0 0 0 19.408 5.2a38.8 38.8 0 0 0 19.408-5.2l88.686-51.204a38.81 38.81 0 0 0 19.409-33.615V90.096a38.82 38.82 0 0 0-19.409-33.615L147.746 5.278a38.8 38.8 0 0 0-19.408-5.2"/><path fill="#298aec" d="M236.432 56.482L147.746 5.278a38.81 38.81 0 0 0-38.816 0L20.244 56.482A38.81 38.81 0 0 0 .836 90.096v102.407a38.81 38.81 0 0 0 19.408 33.615l88.686 51.204a38.81 38.81 0 0 0 38.816 0l88.686-51.204a38.81 38.81 0 0 0 19.409-33.615V90.096a38.81 38.81 0 0 0-19.409-33.614m7.21 131.123a35.1 35.1 0 0 1-17.55 30.398l-80.203 46.306a35.1 35.1 0 0 1-35.102 0l-80.202-46.306a35.1 35.1 0 0 1-17.55-30.398v-92.61a35.1 35.1 0 0 1 17.55-30.398l80.202-46.305a35.1 35.1 0 0 1 35.102 0l80.203 46.305a35.1 35.1 0 0 1 17.55 30.398z"/><path fill="#44546c" d="M73.68 109.916h112.986v9.905H73.68zm0 33.308h112.986v9.905H73.68zm0 33.199h112.986v9.905H73.68z"/></svg>

React

import type { SVGProps } from "react";

export function LogosBlocs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><path fill="#fff" d="M128.338.078a38.8 38.8 0 0 0-19.408 5.2L20.244 56.481A38.82 38.82 0 0 0 .836 90.096v102.407a38.81 38.81 0 0 0 19.408 33.615l88.686 51.204a38.8 38.8 0 0 0 19.408 5.2a38.8 38.8 0 0 0 19.408-5.2l88.686-51.204a38.81 38.81 0 0 0 19.409-33.615V90.096a38.82 38.82 0 0 0-19.409-33.615L147.746 5.278a38.8 38.8 0 0 0-19.408-5.2"/><path fill="#298aec" d="M236.432 56.482L147.746 5.278a38.81 38.81 0 0 0-38.816 0L20.244 56.482A38.81 38.81 0 0 0 .836 90.096v102.407a38.81 38.81 0 0 0 19.408 33.615l88.686 51.204a38.81 38.81 0 0 0 38.816 0l88.686-51.204a38.81 38.81 0 0 0 19.409-33.615V90.096a38.81 38.81 0 0 0-19.409-33.614m7.21 131.123a35.1 35.1 0 0 1-17.55 30.398l-80.203 46.306a35.1 35.1 0 0 1-35.102 0l-80.202-46.306a35.1 35.1 0 0 1-17.55-30.398v-92.61a35.1 35.1 0 0 1 17.55-30.398l80.202-46.305a35.1 35.1 0 0 1 35.102 0l80.203 46.305a35.1 35.1 0 0 1 17.55 30.398z"/><path fill="#44546c" d="M73.68 109.916h112.986v9.905H73.68zm0 33.308h112.986v9.905H73.68zm0 33.199h112.986v9.905H73.68z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><path fill="#fff" d="M128.338.078a38.8 38.8 0 0 0-19.408 5.2L20.244 56.481A38.82 38.82 0 0 0 .836 90.096v102.407a38.81 38.81 0 0 0 19.408 33.615l88.686 51.204a38.8 38.8 0 0 0 19.408 5.2a38.8 38.8 0 0 0 19.408-5.2l88.686-51.204a38.81 38.81 0 0 0 19.409-33.615V90.096a38.82 38.82 0 0 0-19.409-33.615L147.746 5.278a38.8 38.8 0 0 0-19.408-5.2"/><path fill="#298aec" d="M236.432 56.482L147.746 5.278a38.81 38.81 0 0 0-38.816 0L20.244 56.482A38.81 38.81 0 0 0 .836 90.096v102.407a38.81 38.81 0 0 0 19.408 33.615l88.686 51.204a38.81 38.81 0 0 0 38.816 0l88.686-51.204a38.81 38.81 0 0 0 19.409-33.615V90.096a38.81 38.81 0 0 0-19.409-33.614m7.21 131.123a35.1 35.1 0 0 1-17.55 30.398l-80.203 46.306a35.1 35.1 0 0 1-35.102 0l-80.202-46.306a35.1 35.1 0 0 1-17.55-30.398v-92.61a35.1 35.1 0 0 1 17.55-30.398l80.202-46.305a35.1 35.1 0 0 1 35.102 0l80.203 46.305a35.1 35.1 0 0 1 17.55 30.398z"/><path fill="#44546c" d="M73.68 109.916h112.986v9.905H73.68zm0 33.308h112.986v9.905H73.68zm0 33.199h112.986v9.905H73.68z"/></svg>
</template>

CSS

.icon-blocs {
  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%20283%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.338.078a38.8%2038.8%200%200%200-19.408%205.2L20.244%2056.481A38.82%2038.82%200%200%200%20.836%2090.096v102.407a38.81%2038.81%200%200%200%2019.408%2033.615l88.686%2051.204a38.8%2038.8%200%200%200%2019.408%205.2a38.8%2038.8%200%200%200%2019.408-5.2l88.686-51.204a38.81%2038.81%200%200%200%2019.409-33.615V90.096a38.82%2038.82%200%200%200-19.409-33.615L147.746%205.278a38.8%2038.8%200%200%200-19.408-5.2%22%2F%3E%3Cpath%20fill%3D%22%23298aec%22%20d%3D%22M236.432%2056.482L147.746%205.278a38.81%2038.81%200%200%200-38.816%200L20.244%2056.482A38.81%2038.81%200%200%200%20.836%2090.096v102.407a38.81%2038.81%200%200%200%2019.408%2033.615l88.686%2051.204a38.81%2038.81%200%200%200%2038.816%200l88.686-51.204a38.81%2038.81%200%200%200%2019.409-33.615V90.096a38.81%2038.81%200%200%200-19.409-33.614m7.21%20131.123a35.1%2035.1%200%200%201-17.55%2030.398l-80.203%2046.306a35.1%2035.1%200%200%201-35.102%200l-80.202-46.306a35.1%2035.1%200%200%201-17.55-30.398v-92.61a35.1%2035.1%200%200%201%2017.55-30.398l80.202-46.305a35.1%2035.1%200%200%201%2035.102%200l80.203%2046.305a35.1%2035.1%200%200%201%2017.55%2030.398z%22%2F%3E%3Cpath%20fill%3D%22%2344546c%22%20d%3D%22M73.68%20109.916h112.986v9.905H73.68zm0%2033.308h112.986v9.905H73.68zm0%2033.199h112.986v9.905H73.68z%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%20283%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.338.078a38.8%2038.8%200%200%200-19.408%205.2L20.244%2056.481A38.82%2038.82%200%200%200%20.836%2090.096v102.407a38.81%2038.81%200%200%200%2019.408%2033.615l88.686%2051.204a38.8%2038.8%200%200%200%2019.408%205.2a38.8%2038.8%200%200%200%2019.408-5.2l88.686-51.204a38.81%2038.81%200%200%200%2019.409-33.615V90.096a38.82%2038.82%200%200%200-19.409-33.615L147.746%205.278a38.8%2038.8%200%200%200-19.408-5.2%22%2F%3E%3Cpath%20fill%3D%22%23298aec%22%20d%3D%22M236.432%2056.482L147.746%205.278a38.81%2038.81%200%200%200-38.816%200L20.244%2056.482A38.81%2038.81%200%200%200%20.836%2090.096v102.407a38.81%2038.81%200%200%200%2019.408%2033.615l88.686%2051.204a38.81%2038.81%200%200%200%2038.816%200l88.686-51.204a38.81%2038.81%200%200%200%2019.409-33.615V90.096a38.81%2038.81%200%200%200-19.409-33.614m7.21%20131.123a35.1%2035.1%200%200%201-17.55%2030.398l-80.203%2046.306a35.1%2035.1%200%200%201-35.102%200l-80.202-46.306a35.1%2035.1%200%200%201-17.55-30.398v-92.61a35.1%2035.1%200%200%201%2017.55-30.398l80.202-46.305a35.1%2035.1%200%200%201%2035.102%200l80.203%2046.305a35.1%2035.1%200%200%201%2017.55%2030.398z%22%2F%3E%3Cpath%20fill%3D%22%2344546c%22%20d%3D%22M73.68%20109.916h112.986v9.905H73.68zm0%2033.308h112.986v9.905H73.68zm0%2033.199h112.986v9.905H73.68z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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