modulz logo icon

modulz-logo from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.

Name
modulz-logo
Set
Radix Icons
Style
Outline
Viewbox
15×15
License
MIT

Use the modulz logo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M3.889 11.833L1 14V9.667zM14 14l-2.889-2.167L14 9.667zM3.889 11.111L1 8.944l2.889-2.167zM14 8.944l-2.889 2.167V6.777zM3.889 6.056L1 8.223V3.889zm3.37 2.167L4.37 6.056l2.89-2.167zm3.37-2.167L7.742 8.223V3.889zM14 8.223l-2.889-2.167L14 3.889zM3.889 5.333L1 3.167L3.889 1zm3.37-2.166L4.37 5.333V1zm3.37 2.166L7.742 3.167L10.63 1zM14 3.167l-2.889 2.166V1z"/></svg>

React

import type { SVGProps } from "react";

export function RadixIconsModulzLogo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M3.889 11.833L1 14V9.667zM14 14l-2.889-2.167L14 9.667zM3.889 11.111L1 8.944l2.889-2.167zM14 8.944l-2.889 2.167V6.777zM3.889 6.056L1 8.223V3.889zm3.37 2.167L4.37 6.056l2.89-2.167zm3.37-2.167L7.742 8.223V3.889zM14 8.223l-2.889-2.167L14 3.889zM3.889 5.333L1 3.167L3.889 1zm3.37-2.166L4.37 5.333V1zm3.37 2.166L7.742 3.167L10.63 1zM14 3.167l-2.889 2.166V1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M3.889 11.833L1 14V9.667zM14 14l-2.889-2.167L14 9.667zM3.889 11.111L1 8.944l2.889-2.167zM14 8.944l-2.889 2.167V6.777zM3.889 6.056L1 8.223V3.889zm3.37 2.167L4.37 6.056l2.89-2.167zm3.37-2.167L7.742 8.223V3.889zM14 8.223l-2.889-2.167L14 3.889zM3.889 5.333L1 3.167L3.889 1zm3.37-2.166L4.37 5.333V1zm3.37 2.166L7.742 3.167L10.63 1zM14 3.167l-2.889 2.166V1z"/></svg>
</template>

CSS

.icon-modulz-logo {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.889%2011.833L1%2014V9.667zM14%2014l-2.889-2.167L14%209.667zM3.889%2011.111L1%208.944l2.889-2.167zM14%208.944l-2.889%202.167V6.777zM3.889%206.056L1%208.223V3.889zm3.37%202.167L4.37%206.056l2.89-2.167zm3.37-2.167L7.742%208.223V3.889zM14%208.223l-2.889-2.167L14%203.889zM3.889%205.333L1%203.167L3.889%201zm3.37-2.166L4.37%205.333V1zm3.37%202.166L7.742%203.167L10.63%201zM14%203.167l-2.889%202.166V1z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.889%2011.833L1%2014V9.667zM14%2014l-2.889-2.167L14%209.667zM3.889%2011.111L1%208.944l2.889-2.167zM14%208.944l-2.889%202.167V6.777zM3.889%206.056L1%208.223V3.889zm3.37%202.167L4.37%206.056l2.89-2.167zm3.37-2.167L7.742%208.223V3.889zM14%208.223l-2.889-2.167L14%203.889zM3.889%205.333L1%203.167L3.889%201zm3.37-2.166L4.37%205.333V1zm3.37%202.166L7.742%203.167L10.63%201zM14%203.167l-2.889%202.166V1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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