Media96px 160px 240px +
Media
Book publishing
Pages fanning out beneath a curved cover.
- File
book-publishing.svg- Original name
- Book Publishing
- viewBox
0 0 982.2 982.1- Weight
- 3 KB
Use it
React
import { Illustration } from '@ba-icons/react';
import bookPublishing from '@ba-icons/illustrations/media/book-publishing';
<Illustration asset={bookPublishing} size={160} />Vue
<script setup>
import { Illustration } from '@ba-icons/vue';
import bookPublishing from '@ba-icons/illustrations/media/book-publishing';
</script>
<template>
<Illustration :asset="bookPublishing" :size="160" />
</template>Astro
---
import { Illustration } from '@ba-icons/astro';
import bookPublishing from '@ba-icons/illustrations/media/book-publishing';
---
<Illustration asset={bookPublishing} size={160} />HTML
<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>
<ba-illustration name="media/book-publishing" size="160"></ba-illustration>SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 982.2 982.1" fill="currentColor"><path d="M339.2 400.2Q340.2 401.2 341.2 402.7Q342.2 404.2 343.2 405.7Q344.2 407.2 344.2 408.2Q343.2 407.2 341.2 405.2Q339.2 404.2 338.2 403.2Q338.2 403.2 338.7 401.7Q339.2 400.2 339.2 400.2ZM569.2 957.2Q570.2 950.2 596.2 688.2L621.2 425.2L619.2 422.2Q613.2 417.2 578.2 394.7Q543.2 372.2 525.2 361.2Q427.2 304.2 315.2 267.2Q264.2 250.2 202.2 239.2Q146.2 230.2 106.2 228.2H99.2L61.2 417.2L23.2 606.2V594.2Q22.2 582.2 20.2 382.7Q18.2 183.2 19.2 182.2Q22.2 181.2 56.2 179.7Q90.2 178.2 109.2 179.2H130.2L129.2 172.2Q128.2 160.2 126.7 126.7Q125.2 93.2 125.7 93.2Q126.2 93.2 150.2 95.2Q176.2 98.2 180.2 98.2Q185.2 99.2 185.2 98.2Q185.2 94.2 189.2 67.2Q193.2 40.2 193.2 39.2Q194.2 39.2 211.2 41.2Q355.2 59.2 473.2 114.2Q539.2 144.2 608.2 187.2Q665.2 223.2 728.2 275.2Q795.2 331.2 826.2 363.2Q834.2 371.2 834.2 371.2Q835.2 371.2 855.7 367.2Q876.2 363.2 876.7 363.2Q877.2 363.2 868.2 351.2Q828.2 295.2 778.7 251.2Q729.2 207.2 654.2 161.2Q583.2 119.2 481.2 77.2Q410.2 47.2 337.2 27.2Q330.2 25.2 324.2 23.2Q318.2 21.2 314.7 20.2Q311.2 19.2 312.2 19.2Q320.2 16.2 426.2 41.2Q561.2 73.2 660.2 123.2Q707.2 147.2 743.2 169.7Q779.2 192.2 809.7 216.7Q840.2 241.2 870.2 271.2Q919.2 320.2 945.2 365.2Q964.2 399.2 963.2 402.2Q963.2 405.2 929.2 503.2Q895.2 601.2 861.2 698.2Q827.2 795.2 827.2 795.2Q826.2 794.2 840.7 710.7Q855.2 627.2 855.2 625.2Q855.2 623.2 852.7 623.7Q850.2 624.2 751.7 635.7Q653.2 647.2 652.7 647.7Q652.2 648.2 611.2 805.2Q570.2 962.2 569.2 963.2ZM705.2 447.2Q705.2 447.2 697.7 475.2Q690.2 503.2 682.2 531.2Q674.2 559.2 674.2 560.2Q674.2 561.2 676.2 561.2Q678.2 561.2 773.7 552.2Q869.2 543.2 869.7 542.7Q870.2 542.2 881.2 478.2Q892.2 414.2 891.7 414.2Q891.2 414.2 798.7 430.2Q706.2 446.2 705.2 447.2ZM670.2 316.2Q583.2 260.2 512.2 225.2Q355.2 149.2 199.2 123.2Q151.2 115.2 148.2 117.2Q148.2 117.2 144.7 132.2Q141.2 147.2 137.2 162.7Q133.2 178.2 133.2 179.2Q133.2 180.2 149.2 181.2Q233.2 187.2 349.2 221.2Q513.2 267.2 702.2 381.2Q720.2 392.2 721.7 391.7Q723.2 391.2 741.2 388.2Q759.2 385.2 760.2 384.2Q761.2 383.2 745.2 370.2Q729.2 357.2 706.7 341.2Q684.2 325.2 670.2 316.2ZM764.2 336.2Q720.2 296.2 658.2 249.2Q568.2 182.2 447.2 127.2Q353.2 84.2 251.2 67.2Q215.2 61.2 213.2 62.2Q213.2 62.2 206.7 81.7Q200.2 101.2 200.2 101.2Q200.2 101.2 225.2 106.2Q315.2 123.2 400.2 153.2Q431.2 164.2 472.2 182.7Q513.2 201.2 555.2 223.2Q597.2 245.2 631.2 265.2Q660.2 283.2 707.7 316.2Q755.2 349.2 778.2 367.2L791.2 378.2L797.2 377.2Q804.2 377.2 805.2 376.7Q806.2 376.2 801.2 371.2Q796.2 366.2 786.7 356.7Q777.2 347.2 764.2 336.2Z"></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/media/book-publishing.svg<img src="https://icons.atmosphere.africa/svg/media/book-publishing.svg" alt="Book publishing" width="160">import { illustrationUrl } from '@ba-icons/illustrations';
illustrationUrl('media/book-publishing');
// → https://icons.atmosphere.africa/svg/media/book-publishing.svgAs 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/media/book-publishing.svg') center / contain no-repeat;
}New to the packages? Point your project at the registry first.