Icono Directus
thesvg-color:directus
El icono Directus (thesvg-color:directus) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1024 × 1028. 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
- 1024 × 1028
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1028" viewBox="0 0 1024 1028"><g fill="none"><g clip-path="url(#SVG5c4jPcnz)"><path fill="#64f" d="M0 0h1024v1028H0z"/><path fill="#754dfc" d="M0 856.177V0h1024v1028h-36.522c-42.62-22.92-105.621-49.587-194.895-71.901c-86.048-21.508-213.492-31.811-348.962-42.763C289.815 900.902 125.662 887.631 0 856.177"/><path fill="#8555f8" d="M0 630.724V0h1024v864.167C987.48 836.871 914.997 793.6 788.518 757.39c-85.256-24.408-212.277-39.025-347.298-54.562C288.002 685.197 124.482 666.38 0 630.724"/><path fill="#945ef5" d="M0 385.079V0h1024v661.623c-31.757-27.466-103.783-78.115-240.781-122.565c-84.352-27.369-210.786-46.41-345.182-66.65C285.691 449.465 123.114 424.981 0 385.079"/><path fill="#a366f1" d="M1024 0v470.993c-28.052-26.483-99.308-81.947-243.989-131.697c-83.861-28.837-209.943-50.081-343.966-72.664C284.289 241.062 122.352 213.776 0 171.81V0z"/><path fill="#b36eee" d="M170.96 0H1024v278.073c-15.53-17.825-82.814-85.727-252.614-147.449c-83.346-30.296-209.037-53.737-342.645-78.655C343.042 35.986 254.087 19.396 170.96 0"/><g filter="url(#SVGXgpVed1E)"><path fill="#fff" fill-rule="evenodd" d="M751.713 578.4c-3.713-.928-6.807-1.856-9.591-3.094c-2.059-.915-3.779-1.998-5.286-3.251c-1.001-.833-1.431-2.144-1.307-3.44c1.493-15.542-.149-29.251 1.333-44.664c6.188-62.491 45.483-42.692 80.755-52.901c20.255-5.705 40.509-16.933 47.91-39.018c1.212-3.615.145-7.546-2.373-10.41c-23.105-26.267-48.685-49.477-76.478-69.368c-93.177-66.331-214.272-93.875-325.48-77.763c-4.213.61-6.421 5.277-4.119 8.857c14.084 21.915 32.666 39.849 53.975 53.049c3.873 2.399 2.316 7.581-2.129 6.584c-10.45-2.342-23.878-6.911-36.506-15.822c-1.217-.858-2.785-1.075-4.168-.523c-5.646 2.251-13.798 5.497-20.535 8.405c-3.878 1.674-4.668 6.674-1.476 9.441c55.857 48.411 137.114 55.77 200.742 17.029c3.876-2.36 10.082 2.49 8.833 6.852c-1.999 6.989-4.335 16.595-6.822 29.677c-15.78 79.816-61.263 73.629-117.574 53.52c-112.522-40.776-176.357-5.956-233.111-74.885c-3.943-4.79-10.875-6.45-15.566-2.39c-11.716 10.142-18.65 24.946-18.65 40.77c0 18.742 9.676 34.796 24.018 44.406c1.794 1.203 4.178.695 5.516-1c3.495-4.422 6.354-7.354 9.914-9.208c3.896-2.029 5.797 3.544 2.507 6.456c-12.054 10.671-15.513 23.383-23.39 48.443c-12.377 39.289-7.117 79.507-64.976 90.025c-30.631 1.547-30.012 22.275-41.151 53.211c-12.927 37.34-29.854 53.879-61.183 86.509c-4.284 4.462-4.652 11.598.057 15.611c12.514 10.664 25.42 11.25 38.54 5.849c32.487-13.612 57.549-55.686 81.064-82.91c26.3-30.318 89.418-17.325 137.067-47.024c25.697-15.755 41.137-35.88 36.2-66.027c-.796-4.856 4.761-7.774 6.776-3.285a90.2 90.2 0 0 1 7.377 27.005c.273 2.462 2.474 4.284 4.948 4.145c51.552-2.898 118.217 53.955 180.517 69.338c3.79.936 6.484-3.441 4.341-6.703c-3.941-6.002-7.292-12.23-9.961-18.595c-2.756-6.612-4.844-13.027-6.32-19.219c-1.155-4.842 5.921-6.144 8.337-1.79c15.978 28.797 47.91 55.838 92.351 59.061c15.161 1.238 31.869-.619 49.196-5.878c20.73-6.187 39.913-14.231 62.809-9.899c17.017 3.093 32.797 11.755 42.698 26.296c13.893 20.258 43.221 25.626 58.852 4.453c2.127-2.881 2.306-6.733.9-10.027c-34.419-80.664-121.815-86.205-159.381-95.898" clip-rule="evenodd"/></g></g><defs><clipPath id="SVG5c4jPcnz"><path fill="#fff" d="M0 0h1024v1028H0z"/></clipPath><filter id="SVGXgpVed1E" width="920" height="608.703" x="52" y="222" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="12"/><feGaussianBlur stdDeviation="30"/><feColorMatrix values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1255_4057"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="16"/><feColorMatrix values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow_1255_4057" result="effect2_dropShadow_1255_4057"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_1255_4057" result="shape"/></filter></defs></g></svg>Cómo usar el icono Directus
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:directus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:directus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:directus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--directus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:directus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:directus"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/directus.svg" alt="Icono Directus" width="24" height="24">El icono Directus en otras colecciones
Preguntas frecuentes sobre Icono Directus
¿El icono Directus 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 Directus en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:directus" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Directus a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/directus.svg" alt="Icono Directus">, o pega el código SVG en línea para darle estilo con CSS.