ICONYZ
Türkçe
selfh.st/icons setinden Arr Dashboard ikonu

Arr Dashboard ikonu

selfhst:arr-dashboard

Arr Dashboard ikonu (selfhst:arr-dashboard), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
selfh.st/icons
Yazar
selfh.st
Lisans
CC-BY-4.0
Boyut
512 × 512
Etiketler
arrdashboard
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGyehix7YE" x1="-701.627" x2="-700.627" y1="796.447" y2="795.447" gradientTransform="matrix(512 0 0 -512 359233 407781)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7c3aed"/><stop offset="1" stop-color="#5b21b6"/></linearGradient><path fill="url(#SVGyehix7YE)" d="M80 0h352c44.2 0 80 35.8 80 80v352c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V80C0 35.8 35.8 0 80 0"/><linearGradient id="SVGZ24LyeWw" x1="-697.592" x2="-696.592" y1="794.823" y2="793.823" gradientTransform="matrix(130 0 0 -130 90783 103423)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e9d5ff"/></linearGradient><path fill="url(#SVGZ24LyeWw)" d="M112 96h98c8.8 0 16 7.2 16 16v98c0 8.8-7.2 16-16 16h-98c-8.8 0-16-7.2-16-16v-98c0-8.8 7.2-16 16-16" opacity=".9"/><linearGradient id="SVGGbZm7cJN" x1="-697.592" x2="-696.592" y1="794.823" y2="793.823" gradientTransform="matrix(130 0 0 -130 90973 103423)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e9d5ff"/></linearGradient><path fill="url(#SVGGbZm7cJN)" d="M302 96h98c8.8 0 16 7.2 16 16v98c0 8.8-7.2 16-16 16h-98c-8.8 0-16-7.2-16-16v-98c0-8.8 7.2-16 16-16" opacity=".9"/><linearGradient id="SVGYaWVGeRq" x1="-697.592" x2="-696.592" y1="794.823" y2="793.823" gradientTransform="matrix(130 0 0 -130 90783 103613)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e9d5ff"/></linearGradient><path fill="url(#SVGYaWVGeRq)" d="M112 286h98c8.8 0 16 7.2 16 16v98c0 8.8-7.2 16-16 16h-98c-8.8 0-16-7.2-16-16v-98c0-8.8 7.2-16 16-16" opacity=".9"/><linearGradient id="SVG37WBOcKD" x1="-697.592" x2="-696.592" y1="794.823" y2="793.823" gradientTransform="matrix(130 0 0 -130 90973 103613)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e9d5ff"/></linearGradient><path fill="url(#SVG37WBOcKD)" d="M302 286h98c8.8 0 16 7.2 16 16v98c0 8.8-7.2 16-16 16h-98c-8.8 0-16-7.2-16-16v-98c0-8.8 7.2-16 16-16" opacity=".9"/><circle cx="256" cy="256" r="32" fill="#fff" opacity=".95"/><circle cx="256" cy="256" r="20" fill="#7c3aed"/></svg>

Arr Dashboard ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:arr-dashboard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:arr-dashboard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:arr-dashboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--arr-dashboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:arr-dashboard"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:arr-dashboard"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/selfhst/arr-dashboard.svg" alt="Arr Dashboard ikonu" width="24" height="24">

selfh.st/icons setindeki benzer ikonlar

Arr Dashboard ikonu: sık sorulan sorular

Arr Dashboard ikonu ticari kullanım için ücretsiz mi?

Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Arr Dashboard ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="selfhst:arr-dashboard" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Arr Dashboard 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/selfhst/arr-dashboard.svg" alt="Arr Dashboard ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: selfh.st/icons →