Directus ikonu
thesvg-color:directus
Directus ikonu (thesvg-color:directus), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 1024 × 1028 ı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
- 1024 × 1028
SVG kodu
<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 ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/directus.svg" alt="Directus ikonu" width="24" height="24">Diğer ikon setlerinde Directus ikonu
Directus ikonu: sık sorulan sorular
Directus 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.
Directus ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:directus" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Directus 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/directus.svg" alt="Directus ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.