Docusaurus ikonu
thesvg-color:docusaurus
Docusaurus ikonu (thesvg-color:docusaurus), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 200 × 200 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 200 × 200
SVG kodu
<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 ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Docusaurus ikonu" width="24" height="24">Diğer ikon setlerinde Docusaurus ikonu
Docusaurus ikonu: sık sorulan sorular
Docusaurus ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Docusaurus ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:docusaurus" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Docusaurus ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Docusaurus ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.