Ikon Google News
pixel:google-news
Ikon Google News (pixel:google-news) adalah ikon SVG gratis dari set Pixel Icon karya HackerNoon. Ikon ini digambar pada grid 24 × 24. Pixel Icon 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
- Pixel Icon
- Pembuat
- HackerNoon
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Tag
- googlenews, new
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 10V9H4v1H3v11h1v1h16v-1h1V10zm-7 3h5v1h-5zm-2 5h-1v1H6v-1H5v-4h1v-1h4v1H7v1H6v2h1v1h2v-1h1v-1H8v-1h3zm7 0h-5v-1h5zm-5-2v-1h6v1z"/><path fill="currentColor" d="M23 8v4h-1V9h-1V8h-5V6h3v1h3v1zm-8-5h-5v1H7v1H5V3h1V2h12v1h1v2h-4z"/><path fill="currentColor" d="M14 6h1v2H3v1H2v3H1V8h1V7h3V6h3V5h3V4h3z"/></svg>Cara memakai ikon Google News
React
import { Icon } from "@iconify/react";
<Icon icon="pixel:google-news" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pixel:google-news" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pixel:google-news" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pixel--google-news]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pixel -->
<div class="i-pixel:google-news"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pixel:google-news"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/pixel/google-news.svg" alt="Ikon Google News" width="24" height="24">Ikon terkait di Pixel Icon
Ikon Google News di set ikon lain
FAQ Ikon Google News
Apakah ikon Google News gratis untuk penggunaan komersial?
Ya. Pixel Icon 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 Google News di React?
Pasang @iconify/react lalu render <Icon icon="pixel:google-news" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Google News ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/pixel/google-news.svg" alt="Ikon Google News">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.