Ikon Newsblur Light
selfhst:newsblur-light
Ikon Newsblur Light (selfhst:newsblur-light) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
- Tag
- newsblurlight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M256 136c-66.8 0-121 54.3-121 121s54.3 121 121 121s121-54.3 121-121s-54.2-121-121-121m0 222c-55.7 0-101-45.4-101-101c0-55.7 45.4-101 101-101c55.7 0 101 45.4 101 101c0 55.7-45.3 101-101 101m0-358C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0M34.8 260.5l-9.7-4.5l9.8-4.5c0 1.8-.1 3.7-.1 5.5zm31.5 14.7L48.8 267c-.2-3.3-.2-6.7-.2-10c0-4.1.1-8.1.4-12.1l17.6-8.2c-.7 6.7-1.1 13.4-1.1 20.3c0 6.1.3 12.2.8 18.2M421 92l-4.5 12.4c-1.3-1.3-2.5-2.6-3.8-3.9s-2.7-2.6-4-3.9zm-27.3 10c6.1 5.4 11.9 11.2 17.3 17.3l-6.7 18.2c-8.6-10.6-18.2-20.3-28.9-28.9zm-31.5 11.5c14.2 10.5 26.7 23.1 37.2 37.2l-7.4 20.2c-12.8-20.2-29.9-37.3-50.1-50.1zM257 24l5.4 11.7c-2.1-.1-4.2-.1-6.3-.1c-1.5 0-3 0-4.5.1zm-12 25.9c3.6-.2 7.3-.3 11-.3c4.4 0 8.7.2 13.1.4l8.2 17.6c-7-.8-14.1-1.2-21.2-1.2c-6.5 0-12.8.3-19.1 1zm-14.1 30.3c8.2-1.2 16.6-1.8 25.1-1.8c9.2 0 18.3.7 27.2 2.1l9.1 19.6C280.6 97.4 268.5 96 256 96c-11.7 0-23.1 1.3-34.1 3.6zm-60.2 40.3c-19.8 12.4-36.7 29-49.5 48.5l-7.3-20c10.4-13.6 22.7-25.7 36.5-35.9zm-51.8-19l18.2 6.7c-10.3 8.2-19.7 17.5-28.1 27.6l-6.6-18.1q7.8-8.55 16.5-16.2m-14.7-5.4c-1.5 1.5-3.1 2.9-4.6 4.4c-.9.9-1.7 1.7-2.5 2.6L93 92zM77.4 257c0-8.9.7-17.7 1.9-26.2l19.6-9.1C96.3 233.1 95 244.9 95 257c0 11.3 1.2 22.4 3.4 33L79 281c-1.1-7.8-1.6-15.8-1.6-24M93 420l3.5-9.6l3 3c1 1 2.1 2 3.1 3.1zm24.3-8.9c-5.4-4.9-10.5-10-15.4-15.4l6.6-18.2c8.1 9.8 17.1 18.8 26.9 26.9zm31.3-11.5c-13.3-10-25.2-21.9-35.2-35.2l7.4-20.1c12.4 19.2 28.8 35.5 48 48zM257 488l-4.5-9.7h3.5c1.8 0 3.7 0 5.5-.1zm11.1-23.9c-4 .2-8 .4-12.1.4c-3.4 0-6.7-.1-10-.2l-8.2-17.6c6 .6 12.1.9 18.2.9c6.9 0 13.6-.4 20.3-1.1zm14.1-30.4c-8.5 1.3-17.3 1.9-26.2 1.9c-8.2 0-16.2-.6-24-1.6l-9-19.4c10.7 2.2 21.7 3.4 33 3.4c12.1 0 23.9-1.3 35.2-3.9zm25.5-55.2l-11.1 23.9C283.7 406 270 408 256 408c-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.2 23.7-32.6 43.6-56 57.3zm36.3 13.3c19.5-12.8 36.1-29.7 48.5-49.5l7.4 20.3a182.6 182.6 0 0 1-35.9 36.5zm51.3 18.8l-18.1-6.6c10.2-8.4 19.4-17.8 27.7-28.1l6.7 18.3c-5.2 5.7-10.6 11.2-16.3 16.4m14.6 5.3c.8-.8 1.7-1.6 2.5-2.4c1.5-1.5 3-3.1 4.5-4.7L421 420zm23-133.9l-19.5 9c2.4-11 3.6-22.4 3.6-34.1c0-12.5-1.4-24.6-4.1-36.3l19.6 9.1c1.4 8.9 2.1 17.9 2.1 27.2c0 8.6-.6 17-1.7 25.1m30.2-14l-17.5 8.2c.6-6.3 1-12.7 1-19.1c0-7.2-.4-14.3-1.2-21.2L463 244c.3 4.3.4 8.7.4 13c0 3.7-.1 7.3-.3 11m14-17.4l11.7 5.4l-11.7 5.4c0-1.5.1-2.9.1-4.4c0-2.1 0-4.3-.1-6.4"/></svg>Cara memakai ikon Newsblur Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:newsblur-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:newsblur-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:newsblur-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--newsblur-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:newsblur-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:newsblur-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/newsblur-light.svg" alt="Ikon Newsblur Light" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Newsblur Light
Apakah ikon Newsblur Light gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Newsblur Light di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:newsblur-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Newsblur Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/newsblur-light.svg" alt="Ikon Newsblur Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.