Docusaurus icon
thesvg-color:docusaurus
The Docusaurus icon (thesvg-color:docusaurus) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 200 × 200 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 200 × 200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><defs><path id="SVGb0cjJaND" d="M4.883.09v1.08a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V.09z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#fff" d="M99 52h84v34H99z"/><path fill="#3ecc5f" d="M23 163c-7.398 0-13.843-4.027-17.303-10A19.9 19.9 0 0 0 3 163c0 11.046 8.954 20 20 20h20v-20z"/><path fill="#3ecc5f" d="M112.98 57.376L183 53V43c0-11.046-8.954-20-20-20H73l-2.5-4.33c-1.112-1.925-3.889-1.925-5 0L63 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L53 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L43 23l-.065.003l-4.142-4.141c-1.57-1.571-4.252-.853-4.828 1.294l-1.369 5.104l-5.192-1.392c-2.148-.575-4.111 1.389-3.535 3.536l1.39 5.193l-5.102 1.367c-2.148.576-2.867 3.259-1.296 4.83l4.142 4.142L23 43l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 53l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 63l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 73l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 83l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 93l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 103l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 113l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 123l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 133l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 143l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 153l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 163c0 11.046 8.954 20 20 20h120c11.046 0 20-8.954 20-20V83l-70.02-4.376A10.645 10.645 0 0 1 103 68c0-5.621 4.37-10.273 9.98-10.624"/><path fill="#3ecc5f" d="M143 183h30v-40h-30z"/><path fill="#44d860" d="M193 158c-.219 0-.428.037-.639.064q-.055-.225-.116-.451A5 5 0 0 0 190.32 148a4.96 4.96 0 0 0-3.016 1.036a27 27 0 0 0-.335-.336a4.96 4.96 0 0 0 1.011-2.987a5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115c.027-.211.064-.42.064-.639a5 5 0 0 0-5-5a5 5 0 0 0-5 5c0 .219.037.428.064.639c-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987c-3.717 3.632-6.031 8.693-6.031 14.3c0 11.046 8.954 20 20 20c9.339 0 17.16-6.41 19.361-15.064c.211.027.42.064.639.064a5 5 0 0 0 5-5a5 5 0 0 0-5-5"/><path fill="#3ecc5f" d="M153 123h30v-20h-30z"/><path fill="#44d860" d="M193 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032q-.028-.113-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a7 7 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A10 10 0 0 0 183 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494q.085-.083.168-.168c.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807q.03-.112.058-.225c.105.013.21.032.319.032"/><path fill="#000" d="M63 55.5a2.5 2.5 0 0 1-2.5-2.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5a2.5 2.5 0 1 1-5 0c0-6.893 5.607-12.5 12.5-12.5S65.5 46.107 65.5 53a2.5 2.5 0 0 1-2.5 2.5"/><path fill="#ffff50" d="M103 183h60c11.046 0 20-8.954 20-20V93h-60c-11.046 0-20 8.954-20 20z"/><path fill="#000" d="M168.02 124h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0-49.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 19.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2M183 61.611c-.012 0-.022-.006-.034-.005c-3.09.105-4.552 3.196-5.842 5.923c-1.346 2.85-2.387 4.703-4.093 4.647c-1.889-.068-2.969-2.202-4.113-4.46c-1.314-2.594-2.814-5.536-5.963-5.426c-3.046.104-4.513 2.794-5.807 5.167c-1.377 2.528-2.314 4.065-4.121 3.994c-1.927-.07-2.951-1.805-4.136-3.813c-1.321-2.236-2.848-4.75-5.936-4.664c-2.994.103-4.465 2.385-5.763 4.4c-1.373 2.13-2.335 3.428-4.165 3.351c-1.973-.07-2.992-1.51-4.171-3.177c-1.324-1.873-2.816-3.993-5.895-3.89c-2.928.1-4.399 1.97-5.696 3.618c-1.232 1.564-2.194 2.802-4.229 2.724a1 1 0 0 0-.072 2c3.017.101 4.545-1.8 5.872-3.487c1.177-1.496 2.193-2.787 4.193-2.855c1.926-.082 2.829 1.115 4.195 3.045c1.297 1.834 2.769 3.914 5.731 4.021c3.103.104 4.596-2.215 5.918-4.267c1.182-1.834 2.202-3.417 4.15-3.484c1.793-.067 2.769 1.35 4.145 3.681c1.297 2.197 2.766 4.686 5.787 4.796c3.125.108 4.634-2.62 5.949-5.035c1.139-2.088 2.214-4.06 4.119-4.126c1.793-.042 2.728 1.595 4.111 4.33c1.292 2.553 2.757 5.445 5.825 5.556l.169.003c3.064 0 4.518-3.075 5.805-5.794c1.139-2.41 2.217-4.68 4.067-4.773z"/><path fill="#3ecc5f" d="M83 183h40v-40H83z"/><g transform="rotate(-15 433.487 -340.892)"><rect width="84.522" height="33.367" x=".046" y=".014" fill="#d8d8d8" rx="2"/><g fill="#4a4a4a" transform="translate(1 20.75)"><rect width="4.883" height="4.883" x="15.818" y=".339" rx="1"/><rect width="4.883" height="4.883" x="21.605" y=".339" rx="1"/><rect width="4.883" height="4.883" x="27.392" y=".339" rx="1"/><rect width="4.883" height="4.883" x="33.179" y=".339" rx="1"/><rect width="4.883" height="4.883" x="38.966" y=".339" rx="1"/><rect width="4.883" height="4.883" x="44.753" y=".339" rx="1"/><rect width="4.883" height="4.883" x="50.54" y=".339" rx="1"/><rect width="4.883" height="4.883" x="56.327" y=".339" rx="1"/><rect width="4.883" height="4.883" x="62.114" y=".339" rx="1"/><path d="M1.447.34h12.286a1 1 0 0 1 1 1v2.882a1 1 0 0 1-1 1H1.447a1 1 0 0 1-1-1V1.339a1 1 0 0 1 1-1zm67.634 0h12.287a1 1 0 0 1 1 1v2.882a1 1 0 0 1-1 1H69.08a1 1 0 0 1-1-1V1.339a1 1 0 0 1 1-1z"/></g><g fill="#4a4a4a" transform="translate(1 9)"><path d="M1.447.404h4.69a1 1 0 0 1 1 1v2.882a1 1 0 0 1-1 1h-4.69a1 1 0 0 1-1-1V1.404a1 1 0 0 1 1-1"/><rect width="4.883" height="4.883" x="8.042" y=".404" rx="1"/><rect width="4.883" height="4.883" x="13.829" y=".404" rx="1"/><rect width="4.883" height="4.883" x="19.616" y=".404" rx="1"/><rect width="4.883" height="4.883" x="25.403" y=".404" rx="1"/><rect width="4.883" height="4.883" x="31.19" y=".404" rx="1"/><rect width="4.883" height="4.883" x="36.977" y=".404" rx="1"/><rect width="4.883" height="4.883" x="42.764" y=".404" rx="1"/><rect width="4.883" height="4.883" x="48.551" y=".404" rx="1"/><rect width="4.883" height="4.883" x="54.337" y=".404" rx="1"/><rect width="4.883" height="4.883" x="60.124" y=".404" rx="1"/><rect width="4.883" height="4.883" x="65.911" y=".404" rx="1"/><rect width="4.883" height="4.883" x="71.698" y=".404" rx="1"/><rect width="4.883" height="4.883" x="77.485" y=".404" rx="1"/></g><g fill="#4a4a4a" transform="rotate(-180 41.684 4.375)"><path d="M1 0h4.691a1 1 0 0 1 1 1v2.883a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1"/><rect width="4.883" height="4.883" x="7.595" rx="1"/><rect width="4.883" height="4.883" x="13.382" rx="1"/><rect width="4.883" height="4.883" x="19.169" rx="1"/><rect width="4.883" height="4.883" x="24.956" rx="1"/><rect width="4.883" height="4.883" x="30.743" rx="1"/><rect width="4.883" height="4.883" x="36.53" rx="1"/><rect width="4.883" height="4.883" x="42.317" rx="1"/><rect width="4.883" height="4.883" x="48.104" rx="1"/><rect width="4.883" height="4.883" x="53.891" rx="1"/><rect width="4.883" height="4.883" x="59.678" rx="1"/><rect width="4.883" height="4.883" x="65.465" rx="1"/><rect width="4.883" height="4.883" x="71.252" rx="1"/><rect width="4.883" height="4.883" x="77.038" rx="1"/><rect width="4.883" height="4.883" x="7.595" rx="1"/><rect width="4.883" height="4.883" x="13.382" rx="1"/><rect width="4.883" height="4.883" x="19.169" rx="1"/><rect width="4.883" height="4.883" x="24.956" rx="1"/><rect width="4.883" height="4.883" x="30.743" rx="1"/><rect width="4.883" height="4.883" x="36.53" rx="1"/><rect width="4.883" height="4.883" x="42.317" rx="1"/><rect width="4.883" height="4.883" x="48.104" rx="1"/><rect width="4.883" height="4.883" x="53.891" rx="1"/><rect width="4.883" height="4.883" x="59.678" rx="1"/><rect width="4.883" height="4.883" x="65.465" rx="1"/><rect width="4.883" height="4.883" x="71.252" rx="1"/><rect width="4.883" height="4.883" x="77.038" rx="1"/></g><g fill="#4a4a4a"><path d="M2.447 15.19h6.68a1 1 0 0 1 1 1v2.883a1 1 0 0 1-1 1h-6.68a1 1 0 0 1-1-1v-2.882a1 1 0 0 1 1-1z"/><g transform="translate(11.212 15.19)"><rect width="4.883" height="4.883" rx="1"/><rect width="4.883" height="4.883" x="5.787" rx="1"/><rect width="4.883" height="4.883" x="11.574" rx="1"/><rect width="4.883" height="4.883" x="17.361" rx="1"/><rect width="4.883" height="4.883" x="23.148" rx="1"/><rect width="4.883" height="4.883" x="28.935" rx="1"/><rect width="4.883" height="4.883" x="34.722" rx="1"/><rect width="4.883" height="4.883" x="40.508" rx="1"/><rect width="4.883" height="4.883" x="46.295" rx="1"/><rect width="4.883" height="4.883" x="52.082" rx="1"/><rect width="4.883" height="4.883" x="57.869" rx="1"/></g><path d="M76.05 15.19h6.318a1 1 0 0 1 1 1v2.883a1 1 0 0 1-1 1h-6.319a1 1 0 0 1-1-1v-2.882a1 1 0 0 1 1-1z"/></g><g fill="#4a4a4a" transform="translate(1 26)"><rect width="4.883" height="4.883" x=".447" y="1.126" rx="1"/><rect width="4.883" height="4.883" x="6.234" y="1.126" rx="1"/><rect width="4.883" height="4.883" x="12.021" y="1.126" rx="1"/><rect width="4.883" height="4.883" x="17.808" y="1.126" rx="1"/><path d="M24.594 1.126h27.84a1 1 0 0 1 1 1V5.01a1 1 0 0 1-1 1h-27.84a1 1 0 0 1-1-1V2.126a1 1 0 0 1 1-1m30.743 0h3.607a1 1 0 0 1 1 1V5.01a1 1 0 0 1-1 1h-3.607a1 1 0 0 1-1-1V2.126a1 1 0 0 1 1-1"/><rect width="4.883" height="4.883" x="60.848" y="1.126" rx="1"/><rect width="4.883" height="4.883" x="66.635" y="1.126" rx="1"/><rect width="4.883" height="4.883" x="77.485" y="1.126" rx="1"/><use href="#SVGb0cjJaND" transform="rotate(-180 38.471 1.648)"/><use href="#SVGb0cjJaND" transform="translate(72.06 3.839)"/></g><rect width="81.379" height="2.17" x="1.808" y="1.085" fill="#4a4a4a" rx="1.085"/><rect width="4.563" height="1.447" x="3.798" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="10.042" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="14.846" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="19.649" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="24.453" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="30.457" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="35.26" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="40.064" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="44.867" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="50.872" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="55.675" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="60.479" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="66.483" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="71.286" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/><rect width="4.563" height="1.447" x="76.09" y="1.447" fill="#d8d8d8" opacity=".136" rx=".723"/></g><path fill="#44d860" d="M143 158c-.219 0-.428.037-.639.064c-.038-.15-.074-.301-.116-.451A5 5 0 0 0 140.32 148a4.96 4.96 0 0 0-3.016 1.036a27 27 0 0 0-.335-.336a4.96 4.96 0 0 0 1.011-2.987a5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115c.027-.211.064-.42.064-.639a5 5 0 0 0-5-5a5 5 0 0 0-5 5c0 .219.037.428.064.639c-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987c-3.717 3.632-6.031 8.693-6.031 14.3c0 11.046 8.954 20 20 20c9.339 0 17.16-6.41 19.361-15.064c.211.027.42.064.639.064a5 5 0 0 0 5-5a5 5 0 0 0-5-5"/><path fill="#3ecc5f" d="M83 123h40v-20H83z"/><path fill="#44d860" d="M133 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032q-.028-.113-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a7 7 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A10 10 0 0 0 123 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494q.085-.083.168-.168c.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807q.03-.112.058-.225c.105.013.21.032.319.032"/><path fill="#000" d="M143 41.75c-.16 0-.33-.02-.49-.05a2.5 2.5 0 0 1-.47-.14c-.15-.06-.29-.14-.431-.23c-.13-.09-.259-.2-.38-.31c-.109-.12-.219-.24-.309-.38s-.17-.28-.231-.43a2.6 2.6 0 0 1-.189-.96c0-.16.02-.33.05-.49s.08-.31.139-.47c.061-.15.141-.29.231-.43c.09-.13.2-.26.309-.38c.121-.11.25-.22.38-.31c.141-.09.281-.17.431-.23s.31-.11.47-.14c.32-.07.65-.07.98 0c.159.03.32.08.47.14s.29.14.43.23c.13.09.259.2.38.31c.11.12.22.25.31.38c.09.14.17.28.23.43c.06.16.11.31.14.47c.029.16.05.33.05.49c0 .66-.271 1.31-.73 1.77c-.121.11-.25.22-.38.31c-.14.09-.281.17-.43.23a2.6 2.6 0 0 1-.96.19m20-1.25c-.66 0-1.3-.27-1.771-.73a4 4 0 0 1-.309-.38c-.09-.14-.17-.28-.231-.43a2.6 2.6 0 0 1-.189-.96c0-.66.27-1.3.729-1.77c.121-.11.25-.22.38-.31c.141-.09.281-.17.431-.23s.31-.11.47-.14c.32-.07.66-.07.98 0c.159.03.32.08.47.14s.29.14.43.23c.13.09.259.2.38.31c.459.47.73 1.11.73 1.77c0 .16-.021.33-.05.49s-.08.32-.14.47c-.07.15-.14.29-.23.43c-.09.13-.2.26-.31.38c-.121.11-.25.22-.38.31c-.14.09-.281.17-.43.23a2.6 2.6 0 0 1-.96.19"/></g></svg>How to use the Docusaurus icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:docusaurus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:docusaurus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:docusaurus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--docusaurus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:docusaurus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:docusaurus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Docusaurus icon" width="24" height="24">Docusaurus icon in other icon sets
Docusaurus icon FAQ
Is the Docusaurus icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Docusaurus icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:docusaurus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Docusaurus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Docusaurus icon">, or paste the SVG code inline to style it with CSS.