Report overview

A person with a report and a chart board.

File: report-overview.svg
Original name: Report Overview
viewBox: 0 0 1008.9 1008.8
Weight: 4 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import reportOverview from '@ba-icons/illustrations/office-work/report-overview';

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

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import reportOverview from '@ba-icons/illustrations/office-work/report-overview';
</script>

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import reportOverview from '@ba-icons/illustrations/office-work/report-overview';
---

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

HTML

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

<ba-illustration name="office-work/report-overview" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.9 1008.8" fill="currentColor"><path d="M132.5 988.4Q115.5 983.4 107.5 967.4Q104.5 962.4 62.5 790.9Q20.5 619.4 19.5 616.4Q18.5 606.4 25.5 598.4Q26.5 598.4 27.5 597.4Q30.5 593.4 50 592.9Q69.5 592.4 186.5 592.4Q218.5 592.4 237.5 592.4Q439.5 592.4 444.5 592.4Q456.5 594.4 465.5 604.4Q470.5 609.4 472.5 613.4Q474.5 616.4 486.5 662.4Q498.5 708.4 499.5 711.4Q499.5 712.4 495.5 718.4Q484.5 733.4 480.5 753.4Q478.5 764.4 478.5 788.4Q478.5 793.4 478.5 796.9Q478.5 800.4 478 802.4Q477.5 804.4 477.5 804.4Q477.5 804.4 455.5 721.4L434.5 638.4H252.5L70.5 639.4Q71.5 641.4 103 768.4Q134.5 895.4 134.5 898.4L135.5 901.4H191.5Q246.5 901.4 247 901.4Q247.5 901.4 246.5 909.4Q244.5 934.4 254.5 958.4Q258.5 970.4 266.5 981.4Q271.5 988.4 271.5 988.9Q271.5 989.4 204 989.4Q136.5 989.4 132.5 988.4ZM350.5 988.4Q321.5 984.4 304.5 962.4Q288.5 942.4 288.5 917.4Q288.5 890.4 307.5 869.4Q320.5 856.4 339.5 849.4L346.5 847.4H433.5L520.5 846.4V807.4Q520.5 782.4 521 773.9Q521.5 765.4 522.5 760.4Q523.5 755.4 526.5 748.4Q537.5 725.4 563.5 717.4L569.5 715.4H706.5H844.5L850.5 717.4Q881.5 726.4 890.5 757.4Q892.5 763.4 892.5 805.4L893.5 846.4L912.5 847.4Q930.5 847.4 936.5 849.4Q968.5 858.4 982.5 888.4Q996.5 918.4 982.5 948.4Q969.5 975.4 940.5 985.4Q931.5 988.4 898.5 988.9Q865.5 989.4 637.5 989.4Q355.5 989.4 350.5 988.4ZM257.5 654.4H398.5L399.5 657.4Q435.5 796.4 435.5 804.4Q435.5 805.4 425.5 805.4H414.5L402.5 755.4L389.5 705.4H269.5Q233.5 705.4 210.5 705.4Q187.5 705.4 174 705.4Q160.5 705.4 155.5 705.4Q150.5 705.4 150.5 706.4Q150.5 707.4 169.5 785.4L189.5 863.4H224.5Q259.5 863.4 259.5 863.9Q259.5 864.4 256.5 871.4Q253.5 878.4 252.5 881.4L251.5 885.4H212.5Q173.5 885.4 173 883.9Q172.5 882.4 144 768.4Q115.5 654.4 115.5 654.4Q115.5 654.4 257.5 654.4ZM384.5 690.4Q384.5 689.4 380.5 670.4L379.5 667.4H367.5L356.5 668.4Q356.5 669.4 359.5 680.4L362.5 691.4H373.5Q384.5 691.4 384.5 690.4ZM287.5 680.4 285.5 672.4 214.5 671.4Q142.5 671.4 142.5 672.4Q142.5 677.4 146.5 687.4Q146.5 688.4 218.5 688.4H290.5ZM201.5 818.4Q198.5 804.4 198.5 803.4Q198.5 802.4 294.5 802.4Q390.5 802.4 391.5 804.4L371.5 805.4Q343.5 805.4 328.5 810.4Q307.5 815.4 290.5 828.4L286.5 831.4H245.5H205.5ZM188.5 763.4Q181.5 739.4 181.5 737.4Q181.5 737.4 278.5 737.4H374.5L377.5 750.4Q380.5 762.4 380.5 764.4V766.4H285.5H189.5ZM692.5 692.4Q635.5 687.4 596.5 648.4Q552.5 603.4 552.5 541.4Q552.5 479.4 596.5 435.4Q641.5 390.4 703.5 390.4Q766.5 390.4 810.5 434.4Q855.5 479.4 855.5 541.4Q855.5 604.4 810.5 648.4Q775.5 683.4 726.5 691.4Q708.5 694.4 692.5 692.4ZM264.5 575.4Q254.5 573.4 244.5 568.9Q234.5 564.4 227 557.4Q219.5 550.4 213.5 540.9Q207.5 531.4 204.5 520.4L202.5 514.4V298.4Q202.5 82.4 204.5 77.4Q210.5 56.4 224.5 42.4Q243.5 23.4 269.5 20.4Q276.5 19.4 595.5 19.4Q914.5 19.4 922.5 20.4Q963.5 25.4 981.5 62.4Q987.5 74.4 988.5 88.4Q989.5 96.4 989.5 298.4Q989.5 500.4 988.5 508.4Q985.5 532.4 970.5 550.4Q955.5 568.4 931.5 574.4Q927.5 575.4 918 576.4Q908.5 577.4 901 576.9Q893.5 576.4 893.5 576.4Q893.5 574.4 894.5 566.4Q895.5 558.4 895.5 542.9Q895.5 527.4 894.5 520.4Q894.5 514.4 894.5 513.9Q894.5 513.4 907.5 513.4H920.5V298.4V83.4H595.5H271.5V298.4V513.4H391.5H512.5L511.5 519.4Q508.5 556.4 513.5 575.4L392.5 576.4Q270.5 576.4 264.5 575.4ZM350.5 298.4V145.4H390.5H430.5V298.4V451.4H391.5Q351.5 451.4 351 450.9Q350.5 450.4 350.5 298.4ZM487.5 375.4V298.4H527.5H567.5V351.4V405.4L564.5 408.4Q549.5 422.4 536.5 445.4L532.5 451.4H510.5H487.5ZM832.5 399.4Q812.5 380.4 787.5 368.4Q775.5 362.4 768.5 360.4L760.5 357.4V310.4V263.4H800.5Q839.5 263.4 840 264.4Q840.5 265.4 840.5 335.4V405.4ZM623.5 282.4V201.4H663.5H703.5V275.4V349.4H697.5Q662.5 349.4 629.5 363.4Q624.5 365.4 624 364.9Q623.5 364.4 623.5 282.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/office-work/report-overview.svg

<img src="https://icons.atmosphere.africa/svg/office-work/report-overview.svg" alt="Report overview" width="160">

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

illustrationUrl('office-work/report-overview');
// → https://icons.atmosphere.africa/svg/office-work/report-overview.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/office-work/report-overview.svg') center / contain no-repeat;
}

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