wercker logo

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

Name
wercker
Set
SVG Logos
Style
Color
Viewbox
256×342
License
CC0

Use the wercker logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 342"><path d="M0 74.733v101.334h23.705V88.6l104.29-61.867L232.3 88.6v110.933c0 17.067-6.167 30.934-16.833 45.867c-25.788 35.2-72.534 60.8-87.467 68.267c-14.696-7.467-57.6-30.934-85.333-64h137.472c9.96-9.6 12.928-12.8 21.461-24.534H3.295C22.565 293.4 128 341.4 128 341.4c-.027 0 105.6-46.933 124.8-116.267c2.01-7.466 3.2-17.066 3.2-25.6v-124.8L127.994.067L0 74.733z" fill="#000"/><path d="M66.084 108.867H188.03v20.266H66.084v-20.266z" fill="#000"/><path d="M55.892 145.133H198.16V165.4H55.892v-20.267z" fill="#000"/><path d="M53.333 180.333h142.268V200.6H53.333v-20.267z" fill="#000"/><path d="M99.08 73.667h55.893v20.266H99.08V73.667z" fill="#000"/></svg>

React

import type { SVGProps } from "react";

export function LogosWercker(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 342"><path d="M0 74.733v101.334h23.705V88.6l104.29-61.867L232.3 88.6v110.933c0 17.067-6.167 30.934-16.833 45.867c-25.788 35.2-72.534 60.8-87.467 68.267c-14.696-7.467-57.6-30.934-85.333-64h137.472c9.96-9.6 12.928-12.8 21.461-24.534H3.295C22.565 293.4 128 341.4 128 341.4c-.027 0 105.6-46.933 124.8-116.267c2.01-7.466 3.2-17.066 3.2-25.6v-124.8L127.994.067L0 74.733z" fill="#000"/><path d="M66.084 108.867H188.03v20.266H66.084v-20.266z" fill="#000"/><path d="M55.892 145.133H198.16V165.4H55.892v-20.267z" fill="#000"/><path d="M53.333 180.333h142.268V200.6H53.333v-20.267z" fill="#000"/><path d="M99.08 73.667h55.893v20.266H99.08V73.667z" fill="#000"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 342"><path d="M0 74.733v101.334h23.705V88.6l104.29-61.867L232.3 88.6v110.933c0 17.067-6.167 30.934-16.833 45.867c-25.788 35.2-72.534 60.8-87.467 68.267c-14.696-7.467-57.6-30.934-85.333-64h137.472c9.96-9.6 12.928-12.8 21.461-24.534H3.295C22.565 293.4 128 341.4 128 341.4c-.027 0 105.6-46.933 124.8-116.267c2.01-7.466 3.2-17.066 3.2-25.6v-124.8L127.994.067L0 74.733z" fill="#000"/><path d="M66.084 108.867H188.03v20.266H66.084v-20.266z" fill="#000"/><path d="M55.892 145.133H198.16V165.4H55.892v-20.267z" fill="#000"/><path d="M53.333 180.333h142.268V200.6H53.333v-20.267z" fill="#000"/><path d="M99.08 73.667h55.893v20.266H99.08V73.667z" fill="#000"/></svg>
</template>

CSS

.icon-wercker {
  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%20342%22%3E%3Cpath%20d%3D%22M0%2074.733v101.334h23.705V88.6l104.29-61.867L232.3%2088.6v110.933c0%2017.067-6.167%2030.934-16.833%2045.867c-25.788%2035.2-72.534%2060.8-87.467%2068.267c-14.696-7.467-57.6-30.934-85.333-64h137.472c9.96-9.6%2012.928-12.8%2021.461-24.534H3.295C22.565%20293.4%20128%20341.4%20128%20341.4c-.027%200%20105.6-46.933%20124.8-116.267c2.01-7.466%203.2-17.066%203.2-25.6v-124.8L127.994.067L0%2074.733z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M66.084%20108.867H188.03v20.266H66.084v-20.266z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M55.892%20145.133H198.16V165.4H55.892v-20.267z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M53.333%20180.333h142.268V200.6H53.333v-20.267z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M99.08%2073.667h55.893v20.266H99.08V73.667z%22%20fill%3D%22%23000%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%20342%22%3E%3Cpath%20d%3D%22M0%2074.733v101.334h23.705V88.6l104.29-61.867L232.3%2088.6v110.933c0%2017.067-6.167%2030.934-16.833%2045.867c-25.788%2035.2-72.534%2060.8-87.467%2068.267c-14.696-7.467-57.6-30.934-85.333-64h137.472c9.96-9.6%2012.928-12.8%2021.461-24.534H3.295C22.565%20293.4%20128%20341.4%20128%20341.4c-.027%200%20105.6-46.933%20124.8-116.267c2.01-7.466%203.2-17.066%203.2-25.6v-124.8L127.994.067L0%2074.733z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M66.084%20108.867H188.03v20.266H66.084v-20.266z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M55.892%20145.133H198.16V165.4H55.892v-20.267z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M53.333%20180.333h142.268V200.6H53.333v-20.267z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M99.08%2073.667h55.893v20.266H99.08V73.667z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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