Dashboard ikonu

el:dashboard

Dashboard ikonu (el:dashboard), Elusive Icons setinden ücretsiz bir SVG ikondur (yapımcı: Team Redux). 1200 × 1200 ızgara üzerinde çizilmiştir. Elusive Icons, Open Font License 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: Elusive Icons
Yazar: Team Redux
Lisans: OFL-1.1
Boyut: 1200 × 1200

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 195.373c-331.371 0-600 268.629-600 600c0 73.594 13.256 144.104 37.5 209.253h164.062C168.665 942.111 150 870.923 150 795.373c0-248.528 201.471-450 450-450s450 201.472 450 450c0 75.55-18.665 146.738-51.562 209.253H1162.5c24.244-65.148 37.5-135.659 37.5-209.253c0-331.371-268.629-600-600-600m0 235.62c-41.421 0-75 33.579-75 75s33.579 75 75 75s75-33.578 75-75s-33.579-75-75-75m-224.927 73.462c-41.421 0-75 33.579-75 75s33.579 75 75 75s75-33.578 75-75s-33.579-75-75-75m449.854 0c-41.422 0-75 33.579-75 75s33.578 75 75 75s75-33.578 75-75s-33.579-75-75-75M600 651.672l-58.813 294.141v58.814h117.627v-58.814z"/></svg>

Dashboard ikonu nasıl kullanılır

React

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

<Icon icon="el:dashboard" width="24" />

Vue

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

<template>
  <Icon icon="el:dashboard" width="24" />
</template>

Svelte

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

<Icon icon="el:dashboard" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="el:dashboard"></iconify-icon>

HTML görseli

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

Diğer ikon setlerinde Dashboard ikonu

Dashboard ikonu: sık sorulan sorular

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

Evet. Elusive Icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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/el/dashboard.svg" alt="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: Elusive Icons →