Blur ikonu
zmdi:blur
Blur ikonu (zmdi:blur), Material Design Iconic Font setinden ücretsiz bir SVG ikondur (yapımcı: MDI Community). 408 × 416 ızgara üzerinde çizilmiştir. Material Design Iconic Font 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
- Material Design Iconic Font
- Yazar
- MDI Community
- Lisans
- OFL-1.1
- Boyut
- 408 × 416
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="408" height="416" viewBox="0 0 408 416"><path fill="currentColor" d="M74.5 229q8.5 0 15 6.5t6.5 15t-6.5 15t-15 6.5t-15-6.5t-6.5-15t6.5-15t15-6.5m0 86q8.5 0 15 6t6.5 15t-6.5 15t-15 6t-15-6t-6.5-15t6.5-15t15-6m0-171q8.5 0 15 6.5t6.5 15t-6.5 15t-15 6.5t-15-6.5t-6.5-15t6.5-15t15-6.5m-64 11Q21 155 21 165.5T10.5 176T0 165.5T10.5 155m64-96q8.5 0 15 6T96 80t-6.5 15t-15 6t-15-6T53 80t6.5-15t15-6m320 117q-10.5 0-10.5-10.5t10.5-10.5t10.5 10.5t-10.5 10.5m-149-75q-8.5 0-15-6T224 80t6.5-15t15-6t15 6t6.5 15t-6.5 15t-15 6m0-74Q235 27 235 16t10.5-11T256 16t-10.5 11m-235 213Q21 240 21 250.5T10.5 261T0 250.5T10.5 240M160 389q11 0 11 11t-11 11t-11-11t11-11m0-362q-11 0-11-11t11-11t11 11t-11 11m0 74q-9 0-15-6t-6-15t6-15t15-6t15 6t6 15t-6 15t-15 6m0 118q13 0 22.5 9t9.5 22.5t-9.5 23T160 283t-22.5-9.5t-9.5-23t9.5-22.5t22.5-9m170.5 10q8.5 0 15 6.5t6.5 15t-6.5 15t-15 6.5t-15-6.5t-6.5-15t6.5-15t15-6.5m0 86q8.5 0 15 6t6.5 15t-6.5 15t-15 6t-15-6t-6.5-15t6.5-15t15-6m0-171q8.5 0 15 6.5t6.5 15t-6.5 15t-15 6.5t-15-6.5t-6.5-15t6.5-15t15-6.5m0-85q8.5 0 15 6t6.5 15t-6.5 15t-15 6t-15-6t-6.5-15t6.5-15t15-6m64 181q10.5 0 10.5 10.5T394.5 261T384 250.5t10.5-10.5m-149 75q8.5 0 15 6t6.5 15t-6.5 15t-15 6t-15-6t-6.5-15t6.5-15t15-6m0 74q10.5 0 10.5 11t-10.5 11t-10.5-11t10.5-11M160 133q13 0 22.5 9.5t9.5 23t-9.5 22.5t-22.5 9t-22.5-9t-9.5-22.5t9.5-23T160 133m0 182q9 0 15 6t6 15t-6 15t-15 6t-15-6t-6-15t6-15t15-6m85.5-96q13.5 0 22.5 9t9 22.5t-9 23t-22.5 9.5t-23-9.5t-9.5-23t9.5-22.5t23-9m0-86q13.5 0 22.5 9.5t9 23t-9 22.5t-22.5 9t-23-9t-9.5-22.5t9.5-23t23-9.5"/></svg>
Blur ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:blur" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:blur" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:blur" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--blur]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:blur"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:blur"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/zmdi/blur.svg" alt="Blur ikonu" width="24" height="24">
Material Design Iconic Font setindeki benzer ikonlar
Diğer ikon setlerinde Blur ikonu
Blur ikonu: sık sorulan sorular
Blur ikonu ticari kullanım için ücretsiz mi?
Evet. Material Design Iconic Font icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Blur ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="zmdi:blur" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Blur 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/zmdi/blur.svg" alt="Blur ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Material Design Iconic Font ikonları →
ICONYZ
