Deadline

A worker with a laptop under a clock.

File: deadline.svg
viewBox: 0 0 920.8 1009.1
Weight: 3 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 920.8 1009.1" fill="currentColor"><path d="M264.4 985.4Q235.4 976.4 231.4 952.4Q230.4 945.4 264.4 792.4Q298.4 639.4 301.4 632.4Q309.4 615.4 327.4 606.4Q334.4 603.4 350.4 602.9Q366.4 602.4 445.4 601.4L554.4 600.4L559.4 595.4Q563.4 589.4 564.4 583.4Q566.4 575.4 568.9 518.4Q571.4 461.4 570.9 460.9Q570.4 460.4 527.4 483.9Q484.4 507.4 474.4 508.4Q464.4 509.4 383.4 488.4Q320.4 472.4 301.9 465.9Q283.4 459.4 278.4 451.4Q266.4 433.4 276.9 414.9Q287.4 396.4 309.4 396.4Q315.4 396.4 384.4 407.4Q453.4 418.4 457.9 418.4Q462.4 418.4 537.4 368.4Q605.4 323.4 626.9 313.4Q648.4 303.4 676.4 304.4Q708.4 306.4 727.9 326.9Q747.4 347.4 752.4 385.4Q754.4 401.4 744.4 520.4Q734.4 639.4 731.4 653.4Q726.4 676.4 713.4 690.4Q701.4 704.4 679.4 711.4Q669.4 715.4 650.4 715.9Q631.4 716.4 530.4 717.4Q394.4 718.4 391.4 719.9Q388.4 721.4 385.9 726.4Q383.4 731.4 358.4 848.4Q357.4 850.4 356.4 854.4Q336.4 945.4 330.9 961.4Q325.4 977.4 312.4 983.4Q312.4 984.4 311.4 984.4Q290.4 994.4 264.4 985.4ZM411.4 850.4Q393.4 841.4 390.4 806.4Q387.4 771.4 401.4 751.4Q407.4 743.4 424.9 741.9Q442.4 740.4 548.4 740.4Q686.4 740.4 703.4 731.4Q734.4 716.4 746.4 679.4Q750.4 666.4 781.4 488.9Q812.4 311.4 814.4 305.4Q819.4 293.4 832.4 288.4Q837.4 286.4 851.4 286.4Q887.4 286.4 897.4 309.4L901.4 317.4L866.4 540.4L831.4 762.4L823.4 779.4Q815.4 795.4 798.4 811.4Q772.4 837.4 736.4 848.4Q725.4 852.4 704.9 852.9Q684.4 853.4 569.4 853.4Q417.4 854.4 411.4 850.4ZM19.4 565.4V545.4H215.4H411.4V565.4V586.4H215.4H19.4ZM133.4 526.4Q130.4 521.4 108.9 431.4Q87.4 341.4 87.4 335.4Q87.4 324.4 100.4 319.4Q109.4 316.4 118.4 319.4Q127.4 322.4 129.4 330.4Q131.4 334.4 148.9 412.4Q166.4 490.4 166.4 492.4Q166.4 493.4 260.4 493.4H354.4L357.4 498.4Q362.4 505.4 362.4 516.4Q362.4 527.4 356.4 533.4L352.4 537.4H250.4Q148.4 537.4 142.4 534.9Q136.4 532.4 133.4 526.4ZM259.4 329.4Q211.4 320.4 178.4 289.4Q132.4 245.4 128.4 184.4Q124.4 102.4 187.4 51.4Q212.4 31.4 244.4 23.4Q257.4 19.4 284.9 19.4Q312.4 19.4 325.4 23.4Q358.4 32.4 385.4 54.4Q412.4 76.4 426.4 106.4Q435.4 125.4 438.4 138.4Q441.4 151.4 440.4 175.4Q440.4 204.4 434.4 223.4Q423.4 256.4 399.4 281.4Q369.4 313.4 327.4 325.4Q315.4 328.4 292.9 329.9Q270.4 331.4 259.4 329.4ZM316.4 287.4Q344.4 279.4 366.4 258.4Q388.4 237.4 396.4 210.4Q410.4 165.4 390.4 123.4Q383.4 107.4 367.9 92.4Q352.4 77.4 337.4 70.4Q302.4 53.4 266.4 58.9Q230.4 64.4 203.4 91.4Q168.4 127.4 167.4 173.4Q167.4 198.4 176.4 219.9Q185.4 241.4 202.9 257.9Q220.4 274.4 244.4 284.4Q279.4 298.4 316.4 287.4ZM278.4 188.4Q270.4 185.4 268.9 177.9Q267.4 170.4 267.4 140.4Q267.4 102.4 271.4 96.9Q275.4 91.4 284.9 91.4Q294.4 91.4 298.4 95.9Q302.4 100.4 302.4 133.4V167.4H346.4H389.4L392.4 172.4Q395.4 176.4 394.4 181.4Q393.4 186.4 388.4 188.4Q384.4 190.4 333.4 190.4Q282.4 190.4 278.4 188.4ZM590.4 290.4Q574.4 286.4 556.9 272.9Q539.4 259.4 532.4 245.4Q506.4 194.4 536.4 148.4Q565.4 104.4 621.4 107.4Q649.4 109.4 671.4 126.4Q704.4 151.4 707.4 195.4Q708.4 214.4 702.4 231.9Q696.4 249.4 683.9 262.9Q671.4 276.4 654.4 284.4Q639.4 291.4 618.9 291.9Q598.4 292.4 590.4 290.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/deadline.svg

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

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

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

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