assembla icon logo

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

Name
assembla-icon
Set
SVG Logos
Style
Color
Viewbox
256×284
License
CC0

Use the assembla icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 284"><path fill="#263238" d="M232.043 53.002L151.197 5.884A46.83 46.83 0 0 0 126.951.02a49.2 49.2 0 0 0-24.392 5.863L22.944 53.002A52.18 52.18 0 0 0 0 94.908V189a52.18 52.18 0 0 0 23.088 41.907l80.195 47.118a46.25 46.25 0 0 0 23.74 5.863a44.95 44.95 0 0 0 23.74-5.863l80.846-46.973A56.02 56.02 0 0 0 256 189.144v-94.09a51.1 51.1 0 0 0-23.957-42.052m-46.756 136.142a3.84 3.84 0 0 1-2.533.652a6.73 6.73 0 0 1-5.211-3.185l-32.064-64.633l-32.063 64.488a6.37 6.37 0 0 1-5.211 3.185c-.652 0-2.027 0-2.534-.652a5.935 5.935 0 0 1-2.388-8.034l36.189-71.654l-12.232-24.39l-50.664 101.907a5.73 5.73 0 0 1-10.206-5.211L121.956 69.72a4.92 4.92 0 0 1 5.212-3.185a6.08 6.08 0 0 1 5.21 3.185l13.174 27.214l6.441 12.16l36.19 72.377a5.935 5.935 0 0 1-2.896 7.672"/></svg>

React

import type { SVGProps } from "react";

export function LogosAssemblaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 284"><path fill="#263238" d="M232.043 53.002L151.197 5.884A46.83 46.83 0 0 0 126.951.02a49.2 49.2 0 0 0-24.392 5.863L22.944 53.002A52.18 52.18 0 0 0 0 94.908V189a52.18 52.18 0 0 0 23.088 41.907l80.195 47.118a46.25 46.25 0 0 0 23.74 5.863a44.95 44.95 0 0 0 23.74-5.863l80.846-46.973A56.02 56.02 0 0 0 256 189.144v-94.09a51.1 51.1 0 0 0-23.957-42.052m-46.756 136.142a3.84 3.84 0 0 1-2.533.652a6.73 6.73 0 0 1-5.211-3.185l-32.064-64.633l-32.063 64.488a6.37 6.37 0 0 1-5.211 3.185c-.652 0-2.027 0-2.534-.652a5.935 5.935 0 0 1-2.388-8.034l36.189-71.654l-12.232-24.39l-50.664 101.907a5.73 5.73 0 0 1-10.206-5.211L121.956 69.72a4.92 4.92 0 0 1 5.212-3.185a6.08 6.08 0 0 1 5.21 3.185l13.174 27.214l6.441 12.16l36.19 72.377a5.935 5.935 0 0 1-2.896 7.672"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 284"><path fill="#263238" d="M232.043 53.002L151.197 5.884A46.83 46.83 0 0 0 126.951.02a49.2 49.2 0 0 0-24.392 5.863L22.944 53.002A52.18 52.18 0 0 0 0 94.908V189a52.18 52.18 0 0 0 23.088 41.907l80.195 47.118a46.25 46.25 0 0 0 23.74 5.863a44.95 44.95 0 0 0 23.74-5.863l80.846-46.973A56.02 56.02 0 0 0 256 189.144v-94.09a51.1 51.1 0 0 0-23.957-42.052m-46.756 136.142a3.84 3.84 0 0 1-2.533.652a6.73 6.73 0 0 1-5.211-3.185l-32.064-64.633l-32.063 64.488a6.37 6.37 0 0 1-5.211 3.185c-.652 0-2.027 0-2.534-.652a5.935 5.935 0 0 1-2.388-8.034l36.189-71.654l-12.232-24.39l-50.664 101.907a5.73 5.73 0 0 1-10.206-5.211L121.956 69.72a4.92 4.92 0 0 1 5.212-3.185a6.08 6.08 0 0 1 5.21 3.185l13.174 27.214l6.441 12.16l36.19 72.377a5.935 5.935 0 0 1-2.896 7.672"/></svg>
</template>

CSS

.icon-assembla-icon {
  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%20284%22%3E%3Cpath%20fill%3D%22%23263238%22%20d%3D%22M232.043%2053.002L151.197%205.884A46.83%2046.83%200%200%200%20126.951.02a49.2%2049.2%200%200%200-24.392%205.863L22.944%2053.002A52.18%2052.18%200%200%200%200%2094.908V189a52.18%2052.18%200%200%200%2023.088%2041.907l80.195%2047.118a46.25%2046.25%200%200%200%2023.74%205.863a44.95%2044.95%200%200%200%2023.74-5.863l80.846-46.973A56.02%2056.02%200%200%200%20256%20189.144v-94.09a51.1%2051.1%200%200%200-23.957-42.052m-46.756%20136.142a3.84%203.84%200%200%201-2.533.652a6.73%206.73%200%200%201-5.211-3.185l-32.064-64.633l-32.063%2064.488a6.37%206.37%200%200%201-5.211%203.185c-.652%200-2.027%200-2.534-.652a5.935%205.935%200%200%201-2.388-8.034l36.189-71.654l-12.232-24.39l-50.664%20101.907a5.73%205.73%200%200%201-10.206-5.211L121.956%2069.72a4.92%204.92%200%200%201%205.212-3.185a6.08%206.08%200%200%201%205.21%203.185l13.174%2027.214l6.441%2012.16l36.19%2072.377a5.935%205.935%200%200%201-2.896%207.672%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%20284%22%3E%3Cpath%20fill%3D%22%23263238%22%20d%3D%22M232.043%2053.002L151.197%205.884A46.83%2046.83%200%200%200%20126.951.02a49.2%2049.2%200%200%200-24.392%205.863L22.944%2053.002A52.18%2052.18%200%200%200%200%2094.908V189a52.18%2052.18%200%200%200%2023.088%2041.907l80.195%2047.118a46.25%2046.25%200%200%200%2023.74%205.863a44.95%2044.95%200%200%200%2023.74-5.863l80.846-46.973A56.02%2056.02%200%200%200%20256%20189.144v-94.09a51.1%2051.1%200%200%200-23.957-42.052m-46.756%20136.142a3.84%203.84%200%200%201-2.533.652a6.73%206.73%200%200%201-5.211-3.185l-32.064-64.633l-32.063%2064.488a6.37%206.37%200%200%201-5.211%203.185c-.652%200-2.027%200-2.534-.652a5.935%205.935%200%200%201-2.388-8.034l36.189-71.654l-12.232-24.39l-50.664%20101.907a5.73%205.73%200%200%201-10.206-5.211L121.956%2069.72a4.92%204.92%200%200%201%205.212-3.185a6.08%206.08%200%200%201%205.21%203.185l13.174%2027.214l6.441%2012.16l36.19%2072.377a5.935%205.935%200%200%201-2.896%207.672%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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