ICONYZ
Türkçe
Quill Icons setinden Notifications ikonu

Notifications ikonu

quill:notifications

Notifications ikonu (quill:notifications), Quill Icons setinden ücretsiz bir SVG ikondur (yapımcı: Casper Lourens). 32 × 32 ızgara üzerinde çizilmiştir. Quill 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
Quill Icons
Yazar
Casper Lourens
Lisans
MIT
Boyut
32 × 32
Kategori
Çeşitli
Etiketler
notification
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27 25c0 1.657-4.925 3-11 3S5 26.657 5 25m22 0c0-1.47-3.88-2.694-9-2.95M27 25c0-2-.2-6.2-3-9c-2.986-2.986-.513-7.427-5-8.668M5 25c0-1.47 3.88-2.694 9-2.95M5 25c0-2 .2-6.2 3-9c2.986-2.986.513-7.427 5-8.668m1 14.717a40 40 0 0 1 4 0m-4 0V23a2 2 0 1 0 4 0v-.95M13 7.331C13.773 7.12 14.751 7 16 7s2.227.119 3 .332m-6 0V7a3 3 0 0 1 6 0v.332"/></svg>

Notifications ikonu nasıl kullanılır

React

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

<Icon icon="quill:notifications" width="24" />

Vue

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

<template>
  <Icon icon="quill:notifications" width="24" />
</template>

Svelte

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

<Icon icon="quill:notifications" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="quill:notifications"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/quill/notifications.svg" alt="Notifications ikonu" width="24" height="24">

Diğer ikon setlerinde Notifications ikonu

Notifications ikonu: sık sorulan sorular

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

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

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

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

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

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