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