Home/Libraries/Firefox OS Emoji (Iconify)/markschaptersymbol

Firefox OS Emoji (Iconify)

Markschaptersymbol

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M491.535 121.688v360.878c0 14.635-11.864 26.499-26.499 26.499s-26.499-11.864-26.499-26.499v-179.56c-87.564 12.865-155.002 88.481-155.002 179.561c0 14.635-11.864 26.499-26.499 26.499s-26.499-11.864-26.499-26.499c0-91.08-67.438-166.695-155.002-179.561v179.561c0 14.635-11.864 26.499-26.499 26.499s-26.499-11.864-26.499-26.499V121.688c0-14.635 11.864-26.499 26.499-26.499s26.499 11.864 26.499 26.499v127.868c52.611 5.88 101.333 29.212 139.316 67.195c17.129 17.129 31.268 36.449 42.185 57.318c10.917-20.868 25.055-40.188 42.185-57.318c37.983-37.983 86.705-61.314 139.316-67.195V121.688c0-14.635 11.864-26.499 26.499-26.499s26.499 11.864 26.499 26.499M136.743 84.429c34.881-61.044 72.037-49.896 140.132-23.079c17.292 6.81 35.174 13.852 53.841 19.216c9.284 2.667 18.983-2.696 21.652-11.986c2.669-9.289-2.697-18.983-11.986-21.653c-17.062-4.903-34.153-11.634-50.683-18.143c-32.912-12.961-63.989-25.193-94.838-23.948c-36.478 1.486-65.428 21.841-88.507 62.228c-4.795 8.392-1.88 19.082 6.512 23.877a17.4 17.4 0 0 0 8.666 2.309c6.075 0 11.98-3.168 15.211-8.821"/><path fill="#818cf8" d="M221.548 263.325c-9.665 0-17.5-7.835-17.5-17.5V115.683c0-9.665 7.835-17.5 17.5-17.5s17.5 7.835 17.5 17.5v130.142c0 9.665-7.835 17.5-17.5 17.5"/><path fill="#818cf8" d="M282.92 214.439h-61.372c-9.665 0-17.5-7.835-17.5-17.5v-81.256c0-9.665 7.835-17.5 17.5-17.5h61.372c32.052 0 58.128 26.076 58.128 58.128s-26.076 58.128-58.128 58.128m-43.872-35h43.872c12.753 0 23.128-10.375 23.128-23.128s-10.375-23.128-23.128-23.128h-43.872z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MarkschaptersymbolIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.