Diamatrix

File: diamatrix.svg
viewBox: 0 0 1008.8 1008.8
Weight: 1 KB

Another company's mark, kept in the design system for reference. It belongs to its owner and isn't part of the Black Atmosphere set: for anything published, use the company's official file and follow its guidelines.

96px

160px

240px +

Use it

Download SVG

React

import { Illustration } from '@ba-icons/react';
import diamatrix from '@ba-icons/illustrations/hosting/diamatrix';

<Illustration asset={diamatrix} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import diamatrix from '@ba-icons/illustrations/hosting/diamatrix';
</script>

<template>
  <Illustration :asset="diamatrix" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import diamatrix from '@ba-icons/illustrations/hosting/diamatrix';
---

<Illustration asset={diamatrix} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="hosting/diamatrix" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 1008.8" fill="currentColor"><path d="M19.4 504.4V19.4H504.4H989.4V504.4V989.4H504.4H19.4ZM538.4 790.4Q583.4 779.4 616.4 746.4Q670.4 692.4 678.4 612.4Q681.4 585.4 680.4 403.4V221.4L673.4 216.4Q667.4 211.4 634.4 211.4Q601.4 211.4 594.4 216.4L586.4 222.4V412.4Q586.4 552.4 585.9 579.9Q585.4 607.4 581.4 620.4Q571.4 650.4 545.9 671.9Q520.4 693.4 491.4 697.4Q455.4 701.4 425.4 686.4Q395.4 671.4 380.4 640.4Q364.4 608.4 369.4 574.9Q374.4 541.4 398.4 515.4Q418.4 492.4 447.9 484.9Q477.4 477.4 508.4 486.4Q525.4 491.4 530.4 491.9Q535.4 492.4 536.4 488.4Q538.4 482.4 537.9 439.4Q537.4 396.4 535.4 392.4Q530.4 383.4 490.9 380.9Q451.4 378.4 424.4 385.4Q371.4 399.4 330.9 438.9Q290.4 478.4 274.4 531.4Q269.4 548.4 269.4 586.9Q269.4 625.4 274.4 642.4Q297.4 721.4 361.4 764.4Q394.4 785.4 438.4 793.4Q456.4 797.4 487.9 796.4Q519.4 795.4 538.4 790.4Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/hosting/diamatrix.svg

<img src="https://icons.atmosphere.africa/svg/hosting/diamatrix.svg" alt="Diamatrix" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('hosting/diamatrix');
// → https://icons.atmosphere.africa/svg/hosting/diamatrix.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/hosting/diamatrix.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.