Black AtmosphereIcons
Brands

Brands

Inverted Power

File
ba-brand-inverted-power.svg
viewBox
0 0 981.8 982.3
Weight
1 KB
96px
160px
240px +

Use it

Download SVG

React

import { Illustration } from '@ba-icons/react';
import baBrandInvertedPower from '@ba-icons/illustrations/brands/ba-brand-inverted-power';

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

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import baBrandInvertedPower from '@ba-icons/illustrations/brands/ba-brand-inverted-power';
</script>

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import baBrandInvertedPower from '@ba-icons/illustrations/brands/ba-brand-inverted-power';
---

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

HTML

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

<ba-illustration name="brands/ba-brand-inverted-power" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 981.8 982.3" fill="currentColor"><path d="M764.9 862.4Q748.9 874.4 728.9 869.9Q708.9 865.4 698.9 847.4L668.9 795.4Q659.9 780.4 663.4 763.9Q666.9 747.4 680.9 737.4Q742.9 692.4 776.9 625.9Q810.9 559.4 810.9 486.4Q811.9 398.4 768.4 325.4Q724.9 252.4 650.9 210.9Q576.9 169.4 490.9 169.4Q403.9 169.4 329.9 211.4Q255.9 253.4 213.4 325.9Q170.9 398.4 170.9 484.4Q170.9 560.4 205.4 626.9Q239.9 693.4 300.9 737.4Q313.9 747.4 317.9 763.9Q321.9 780.4 312.9 795.4L282.9 847.4Q272.9 865.4 252.9 869.9Q232.9 874.4 215.9 862.4Q124.9 797.4 71.4 697.9Q17.9 598.4 18.9 483.4Q18.9 388.4 56.4 302.4Q93.9 216.4 157.4 154.4Q220.9 92.4 308.4 55.4Q395.9 18.4 491.9 18.9Q587.9 19.4 675.4 56.4Q762.9 93.4 825.9 155.4Q888.9 217.4 925.9 303.4Q962.9 389.4 962.9 484.4Q962.9 599.4 909.9 698.9Q856.9 798.4 764.9 862.4ZM566.9 469.4V918.4Q566.9 937.4 553.4 950.4Q539.9 963.4 520.9 963.4H460.9Q447.9 963.4 437.4 957.4Q426.9 951.4 420.9 941.4Q414.9 931.4 414.9 918.4V469.4Q414.9 450.4 428.4 437.4Q441.9 424.4 460.9 424.4H520.9Q539.9 424.4 553.4 437.4Q566.9 450.4 566.9 469.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/brands/ba-brand-inverted-power.svg
<img src="https://icons.atmosphere.africa/svg/brands/ba-brand-inverted-power.svg" alt="Inverted Power" width="160">
import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('brands/ba-brand-inverted-power');
// → https://icons.atmosphere.africa/svg/brands/ba-brand-inverted-power.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/brands/ba-brand-inverted-power.svg') center / contain no-repeat;
}

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