Noton ikonu
selfhst:noton
Noton ikonu (selfhst:noton), 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
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#4b77bb" d="M110.7 450c3.9 35.8 34.3 63.1 70.1 61.6c35.8-.8 65.5-29.6 67-65.5V34.6C247 15.2 230.7.4 212 .4s-35.1 14.8-35.8 34.3c0 9.4 3.9 17.9 10.9 24.2c3.1 3.1 3.9 9.4 0 12.5c-1.6 1.6-3.9 3.1-6.2 3.1s-4.7-.8-6.2-2.3c-10.1-9.4-16.4-22.6-16.4-36.6V34c-3.9-.8-7.8-.8-11.7-.8c-41.3-.8-75.6 32-76.4 72.5c0 3.1 0 7 .8 10.1c10.1 0 20.3 2.3 28.8 7.8c3.9 2.3 5.5 7.8 3.1 11.7c-2.3 3.9-7.8 5.5-12.5 3.1c-10.9-6.2-24.2-7-35.1-2.3c-8.6 3.9-15.6 10.9-18.7 20.3c-3.1 8.6-2.3 17.9 1.6 25.7c4.7 8.6 12.5 15.6 21.8 17.9c3.9 1.6 7 5.5 6.2 9.4c-.8 4.7-4.7 7.8-8.6 7.8h-2.3c-5.5-1.6-10.1-3.9-14.8-7C16.4 220.9.8 245.1 0 271.6c.8 38.2 32.7 68.6 71.7 67.8c2.3 0 4.7.8 6.2 2.3c1.6 1.6 2.3 3.9 2.3 6.2s-.8 4.7-2.3 6.2c-1.6 1.6-3.9 2.3-6.2 2.3c-7.8 0-16.4-1.6-24.2-3.9c-9.4 9.4-14.8 21.8-14.8 35.1c.8 28.1 24.2 49.9 52.2 49.9c4.7 0 9.4-.8 14-1.6c12.5-3.1 23.4-10.9 30.4-21.8c1.6-2.3 3.1-3.1 5.5-3.9c2.3-.8 4.7 0 7 1.6s3.1 3.1 3.9 5.5c.8 2.3 0 4.7-1.6 7c-8.5 11.7-20.2 20.3-33.4 25.7m4.6-275.1c.8-4.7 5.5-7.8 10.9-7c12.5 3.1 25.7-2.3 33.5-13.2c2.3-3.1 3.9-6.2 4.7-9.4c2.3-9.4 0-18.7-6.2-25.7c-1.6-2.3-3.9-3.9-6.2-5.5s-3.1-3.1-3.9-5.5c-.8-2.3 0-4.7 1.6-7c3.1-3.9 8.6-4.7 12.5-2.3c3.9 2.3 7 5.5 9.4 8.6c9.4 10.9 13.2 26.5 10.1 40.5c-1.6 5.5-3.9 10.9-7 15.6c-.8 1.6-2.3 2.3-3.1 3.9c.8 14 10.9 26.5 24.9 28.8c4.7.8 7.8 4.7 7 9.4s-3.9 7.8-8.6 7.8h-1.6c-17.9-3.1-32.7-16.4-37.4-33.5c-7 3.1-14 4.7-21.8 4.7c-3.9 0-7 0-10.9-1.6c-2.3-.8-3.9-1.6-5.5-3.9c-2.4 0-3.1-2.3-2.4-4.7M81 294.9c-3.1 0-6.2 0-9.4-.8c-4.7-.8-7.8-5.5-7-10.9c.8-4.7 5.5-7.8 10.9-7c9.4 2.3 18.7-1.6 24.2-9.4c1.6-2.3 2.3-3.9 3.1-7c1.6-6.2 0-13.2-4.7-18.7c-1.6-1.6-3.1-3.1-4.7-3.9c-3.9-3.1-4.7-8.6-2.3-12.5c3.1-3.9 7.8-4.7 12.5-2.3c3.1 2.3 5.5 4.7 7.8 7c7.8 9.4 10.9 21.8 7.8 33.5c-.8 4.7-3.1 9.4-5.5 13.2c-6.9 12.6-19.4 18.8-32.7 18.8m45.2 68.6c-1.6 1.6-3.1 3.1-5.5 3.9c-2.3 0-4.7 0-6.2-1.6c-3.9-3.1-4.7-8.6-2.3-12.5c11.7-16.4 32-24.2 52.2-20.3c.8 0 .8 0 1.6.8c0-11.7 4.7-23.4 13.2-32c1.6-1.6 3.9-2.3 6.2-3.1c2.3 0 4.7.8 6.2 2.3c1.6 1.6 2.3 3.9 2.3 6.2s-.8 4.7-2.3 6.2c-7 7-10.1 17.9-7.8 28.1c4.7 3.9 9.4 7.8 12.5 13.2c7 10.9 9.4 23.4 7 35.8c-.8 3.9-4.7 7-8.6 7h-1.6c-4.7-.8-7.8-5.5-7-10.1c1.6-7.8 0-16.4-3.9-22.6c-4.7-7-12.5-12.5-21-14c-13.9-3.7-27.2 1.8-35 12.7m314.9-24.1c38.2.8 70.1-29.6 70.9-67.8c0-26.5-15.6-50.7-39.7-61.6c-4.7 3.1-9.4 5.5-14.8 7h-2.3c-3.9 0-7.8-2.3-8.6-6.2c-1.6-4.7 1.6-9.4 6.2-10.9c9.4-2.3 17.1-9.4 21.8-17.9c3.9-7.8 4.7-17.1 1.6-25.7S466 139.9 457.4 136c-11.7-5.5-24.9-4.7-35.1 2.3c-2.3 1.6-4.7 1.6-7 .8s-3.9-2.3-5.5-3.9c-1.6-2.3-1.6-4.7-.8-6.2c.8-1.6 1.6-3.9 3.9-5.5c8.6-5.5 18.7-7.8 28.8-7.8c.8-3.1.8-7 .8-10.1c-.8-41.3-35.1-74-76.4-72.5c-3.9 0-7.8 0-11.7.8v1.6c0 14-5.5 27.3-15.6 36.6c-1.6 1.6-3.9 2.3-6.2 2.3s-4.7-.8-6.2-3.1c-3.1-3.9-3.1-9.4 0-12.5c7-6.2 10.1-14.8 10.1-24.2C335.7 15.1 319.4.3 300.7.3c-19.5 0-35.1 14.8-35.8 34.3v411.5c1.6 35.8 30.4 64.7 66.2 65.5s66.2-25.7 70.1-61.6c-13.2-5.5-24.9-14-33.5-26.5c-2.3-3.9-1.6-9.4 2.3-12.5c1.6-1.6 4.7-1.6 6.2-1.6c2.3.8 4.7 1.6 5.5 3.9c7 10.9 17.9 18.7 29.6 21.8c4.7 1.6 9.4 2.3 14.8 1.6c28.1.8 51.4-21.8 52.2-49.9c0-13.2-5.5-25.7-15.6-35.1c-7.8 2.3-15.6 3.9-24.2 3.9c-2.3 0-4.7-.8-6.2-2.3c-1.6-1.6-2.3-3.9-2.3-6.2s.8-4.7 2.3-6.2c4.1-.8 6.4-1.5 8.8-1.5M317.2 198.3c14-2.3 24.9-14.8 24.9-28.8l-3.9-3.9c-11.7-17.1-10.9-40.5 3.1-56.1c3.1-3.1 6.2-6.2 9.4-8.6c1.6-1.6 3.9-1.6 6.2-1.6c2.3.8 4.7 1.6 5.5 3.9c1.6 1.6 1.6 4.7 1.6 7c-.8 2.3-1.6 4.7-3.9 5.5c-2.3 1.6-4.7 3.1-6.2 5.5c-6.2 7-8.6 16.4-6.2 25.7c.8 3.1 2.3 6.2 3.9 9.4c7.8 10.9 21 16.4 33.5 13.2c4.7-.8 9.4 1.6 10.9 7c.8 2.3 0 4.7-1.6 7c-1.6 1.6-3.1 3.1-5.5 3.9c-3.9.8-7 1.6-10.9 1.6c-7.8 0-14.8-1.6-21.8-5.5c-4.7 17.1-19.5 30.4-37.4 34.3h-1.6c-3.9 0-7.8-3.1-8.6-7c.8-7 3.9-11.7 8.6-12.5M399 365.8c-1.6 1.6-3.9 1.6-6.2 1.6c-2.3-.8-4.7-1.6-5.5-3.9c-7.8-10.9-21-15.6-34.3-13.2c-8.6 1.6-16.4 7-21 14c-4.7 7-6.2 14.8-4.7 22.6c.8 2.3 0 4.7-1.6 6.2c-1.6 2.3-3.1 3.1-5.5 3.9h-1.6c-3.9 0-7.8-3.1-8.6-7c-2.3-12.5 0-25.7 7-35.8c3.1-4.7 7.8-9.4 12.5-13.2c2.3-10.1-.8-20.3-7.8-28.1c-1.6-1.6-2.3-3.9-2.3-6.2s.8-4.7 2.3-6.2c1.6-1.6 3.9-2.3 6.2-2.3s4.7.8 6.2 3.1c7.8 8.6 13.2 20.3 13.2 32c.8 0 .8 0 1.6-.8c19.5-3.9 39.7 3.9 51.4 20.3c1.6 1.6 1.6 3.9 1.6 7c.2 2.2-.6 4.5-2.9 6m-.8-88.8c-3.1-3.9-4.7-7.8-5.5-12.5c-3.1-11.7 0-24.9 7.8-33.5c2.3-2.3 4.7-5.5 7.8-7c3.9-2.3 9.4-1.6 12.5 2.3c1.6 1.6 1.6 3.9 1.6 6.2c-.8 2.3-1.6 4.7-3.9 5.5c-1.6 1.6-3.1 2.3-4.7 3.9c-4.7 4.7-6.2 11.7-4.7 17.9c.8 2.3 1.6 4.7 3.1 7c5.5 7.8 14.8 11.7 24.2 9.4c2.3-.8 4.7 0 7 1.6c1.6 1.6 3.1 3.1 3.9 5.5c.8 4.7-1.6 9.4-6.2 10.9c-3.1.8-6.2.8-9.4.8c-13.2-.1-25.7-6.3-33.5-18"/></svg>Noton ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:noton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:noton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:noton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--noton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:noton"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:noton"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/noton.svg" alt="Noton ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Noton ikonu: sık sorulan sorular
Noton 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.
Noton ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:noton" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Noton 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/noton.svg" alt="Noton ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.