Ikon Directus
thesvg-color:directus
Ikon Directus (thesvg-color:directus) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1024 × 1028. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 1024 × 1028
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/directus.svg" alt="Ikon Directus" width="24" height="24">Ikon Directus di set ikon lain
FAQ Ikon Directus
Apakah ikon Directus gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Directus di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:directus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Directus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/directus.svg" alt="Ikon Directus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.