Newsblur ikonu
selfhst:newsblur
Newsblur ikonu (selfhst:newsblur), 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"><linearGradient id="SVGYPwUnC4A" x1="172" x2="172" y1="-479.394" y2="32.605" gradientTransform="matrix(1 0 0 -1 84 32.605)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c35f28"/><stop offset="1" stop-color="#e6a33f"/></linearGradient><circle cx="256" cy="256" r="256" fill="url(#SVGYPwUnC4A)"/><linearGradient id="SVG3OjOucgD" x1="332.789" x2="-3.603" y1="331.779" y2="-4.614" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eeda5b"/><stop offset=".227" stop-color="#f0de81"/><stop offset=".454" stop-color="#f2e19c"/><stop offset=".664" stop-color="#f3e3b0"/><stop offset=".853" stop-color="#f4e5bc"/><stop offset="1" stop-color="#f4e5c0"/></linearGradient><path fill="url(#SVG3OjOucgD)" d="m150.4 113l20.3 7.4c-19.8 12.4-36.7 29-49.5 48.5l-7.3-20c10.4-13.6 22.7-25.7 36.5-35.9m-41.3 22.8c8.4-10.1 17.8-19.4 28.1-27.6l-18.2-6.7q-8.7 7.65-16.5 16.2zM96.6 410.4L93 420l9.6-3.5c-1-1-2.1-2-3.1-3.1c-1-1-2-2-2.9-3M25.1 256l9.7 4.5V257c0-1.9 0-3.7.1-5.5zm69.9 1c0-12.1 1.4-23.9 3.9-35.3l-19.6 9.1c-1.3 8.6-1.9 17.3-1.9 26.2c0 8.2.6 16.2 1.6 24l19.4 9c-2.3-10.6-3.4-21.7-3.4-33m-46-12.1c-.2 4-.4 8-.4 12.1c0 3.4.1 6.7.2 10l17.5 8.1c-.6-6-.9-12-.9-18.2c0-6.9.4-13.6 1.1-20.3zm50.6-144.4c1.5-1.5 3-3 4.6-4.4L93 92l4.1 11.1c.8-.9 1.7-1.7 2.5-2.6M392.1 171l7.4-20.2c-10.5-14.2-23.1-26.7-37.2-37.2l-20.2 7.4c20.1 12.7 37.2 29.8 50 50m12.2-33.5l6.7-18.2c-5.4-6.1-11.2-11.9-17.3-17.3l-18.2 6.7q15.9 12.9 28.8 28.8m12.1-33L421 92l-12.4 4.5c1.4 1.3 2.7 2.6 4 3.9c1.3 1.4 2.6 2.7 3.8 4.1M277.2 67.7L269.1 50c-4.3-.3-8.7-.4-13.1-.4c-3.7 0-7.4.1-11 .3l-8.1 17.5c6.3-.6 12.7-1 19.1-1c7.2.1 14.3.5 21.2 1.3m-14.8-31.9L257 24l-5.4 11.7c1.5 0 3-.1 4.5-.1c2.1.1 4.2.1 6.3.2m29.9 64.3l-9.1-19.6c-8.9-1.4-17.9-2.1-27.2-2.1c-8.5 0-16.9.6-25.1 1.8l-9 19.5c11-2.4 22.4-3.6 34.1-3.6c12.5-.1 24.6 1.3 36.3 4m120.1 313.4c-.8.8-1.6 1.6-2.5 2.4l11.1 4l-4.1-11.1c-1.5 1.6-3 3.2-4.5 4.7m.5-192.8c2.7 11.7 4.1 23.8 4.1 36.3c0 11.7-1.3 23.1-3.6 34.1l19.5-9c1.2-8.2 1.8-16.5 1.8-25c0-9.2-.7-18.3-2.1-27.2zm-8.1 155.1c-8.2 10.3-17.5 19.7-27.7 28.1l18.1 6.6q8.55-7.8 16.2-16.5zm-4.8-13.2l-7.4-20.3c-12.4 19.8-29 36.7-48.5 49.5l20 7.3c13.6-10.4 25.7-22.7 35.9-36.5m45.3-126.8c.8 7 1.2 14.1 1.2 21.2c0 6.5-.3 12.8-1 19.1l17.5-8.2c.2-3.6.3-7.3.3-11c0-4.4-.2-8.7-.4-13zm43.6 20.2l-11.7-5.4c.1 2.1.1 4.3.1 6.5c0 1.5 0 2.9-.1 4.4zM332.1 387.4l-24.3-8.9l-11.1 23.9c-12.9 3.6-26.6 5.6-40.6 5.6c-13.3 0-26.1-1.7-38.4-4.9l-11.4-24.6l-25.5 9.4c-23-13.3-42.2-32.5-55.5-55.5l9.4-25.5l-24.6-11.4c-3.2-12.3-4.9-25.1-4.9-38.4c0-14.1 1.9-27.8 5.6-40.7l23.9-11.1l-8.9-24.3c13.7-23.4 33.5-42.8 57.3-56l23.3 8.5l10.3-22.2c12.6-3.4 25.8-5.2 39.5-5.2c14.5 0 28.5 2 41.7 5.9l10 21.6l22.2-8.1c24.1 13.6 44.1 33.6 57.7 57.7l-8.1 22.1l21.6 10c3.8 13.3 5.9 27.3 5.9 41.8c0 13.7-1.8 26.9-5.2 39.5l-22.2 10.3l8.5 23.4c-13.4 23.6-32.8 43.4-56.2 57.1M377 257c0-66.8-54.3-121-121-121s-121 54.3-121 121s54.3 121 121 121s121-54.2 121-121M108.6 377.5l-6.6 18.2c4.9 5.4 10 10.5 15.4 15.4l18.2-6.7c-9.9-8-19-17-27-26.9m143.9 100.7l4.5 9.7l4.5-9.8c-1.8 0-3.7.1-5.5.1c-1.2.1-2.3 0-3.5 0m-14.7-31.6l8.2 17.6c3.3.2 6.7.2 10 .2c4.1 0 8.1-.1 12.1-.4l8.2-17.7c-6.7.7-13.4 1.1-20.3 1.1c-6.1 0-12.2-.3-18.2-.8M120.7 344.3l-7.4 20.1c10 13.3 21.9 25.2 35.2 35.2l20.1-7.4c-19.1-12.3-35.4-28.7-47.9-47.9M223 414.6l9 19.4c7.9 1.1 15.9 1.6 24 1.6c8.9 0 17.6-.7 26.2-1.9l9.1-19.5c-11.3 2.5-23.1 3.9-35.2 3.9c-11.4-.1-22.5-1.2-33.1-3.5M256 156c-55.7 0-101 45.4-101 101s45.4 101 101 101s101-45.4 101-101s-45.3-101-101-101"/></svg>Newsblur ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:newsblur" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:newsblur" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:newsblur" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--newsblur]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:newsblur"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:newsblur"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/newsblur.svg" alt="Newsblur ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Diğer ikon setlerinde Newsblur ikonu
Newsblur ikonu: sık sorulan sorular
Newsblur 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.
Newsblur ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:newsblur" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Newsblur 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/newsblur.svg" alt="Newsblur ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.