Bell Fill ikonu

keyline-icons:bell-fill

Bell Fill ikonu (keyline-icons:bell-fill), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline 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: Keyline Icons
Yazar: Keyline Icons
Lisans: MIT
Boyut: 24 × 24
Etiketler: bellfill

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M12 2C15.3137 2 18 4.68629 18 8C18 8.9863 18.0943 9.7904 18.219 10.4532C18.4201 11.5221 18.7365 12.2288 19.0301 12.7702C19.3967 13.4463 20 13.9634 20 15C20 16.1046 19.1046 17 18 17H6C4.8954 17 4 16.1046 4 15C4 13.9634 4.6033 13.4463 4.9699 12.7702C5.2635 12.2288 5.5799 11.5221 5.781 10.4532C5.9057 9.7904 6 8.9863 6 8C6 4.68629 8.68629 2 12 2Z" stroke="none"/><path d="M10.2679 20C10.6252 20.6188 11.2855 21 12 21C12.7145 21 13.3748 20.6188 13.7321 20"/></g></svg>

Bell Fill ikonu nasıl kullanılır

React

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

<Icon icon="keyline-icons:bell-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:bell-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:bell-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bell-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bell-fill"></div>

Web bileşeni

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

<iconify-icon icon="keyline-icons:bell-fill"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/keyline-icons/bell-fill.svg" alt="Bell Fill ikonu" width="24" height="24">

Keyline Icons setindeki benzer ikonlar

Diğer ikon setlerinde Bell Fill ikonu

Bell Fill ikonu: sık sorulan sorular

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

Evet. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Bell Fill ikonunu React'te nasıl kullanırım?

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

Bell Fill 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/keyline-icons/bell-fill.svg" alt="Bell Fill ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Keyline Icons →