Icono Docusaurus
thesvg-color:docusaurus
El icono Docusaurus (thesvg-color:docusaurus) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 200 × 200. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 200 × 200
Código 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>Cómo usar el icono 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 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Icono Docusaurus" width="24" height="24">El icono Docusaurus en otras colecciones
Preguntas frecuentes sobre Icono Docusaurus
¿El icono Docusaurus es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Docusaurus en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:docusaurus" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Docusaurus a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/docusaurus.svg" alt="Icono Docusaurus">, o pega el código SVG en línea para darle estilo con CSS.