Docusaurus アイコン
thesvg-color:docusaurus
Docusaurus アイコン(thesvg-color:docusaurus)は、theSVG Color セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Docusaurus アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:docusaurus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Docusaurus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Docusaurus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。