أيقونة Docusaurus
thesvg-color:docusaurus
أيقونة Docusaurus (thesvg-color:docusaurus) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 200 × 200. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 200 × 200
شيفرة SVG
<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>كيفية استخدام أيقونة Docusaurus
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>مكوّن ويب
<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
<img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="أيقونة Docusaurus" width="24" height="24">أيقونة Docusaurus في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Docusaurus
هل أيقونة Docusaurus مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Docusaurus في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:docusaurus" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Docusaurus إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="أيقونة Docusaurus">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.