ICONYZ
Bahasa Indonesia
Ikon News dari Icons8 Windows 10 Icons

Ikon News

icons8:news

Ikon News (icons8:news) adalah ikon SVG gratis dari set Icons8 Windows 10 Icons karya Icons8. Ikon ini digambar pada grid 32 × 32. Icons8 Windows 10 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Icons8 Windows 10 Icons
Pembuat
Icons8
Lisensi
MIT
Ukuran
32 × 32
Tag
new
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M3 5v18c0 2.21 1.79 4 4 4h18c2.21 0 4-1.79 4-4V12h-6V5zm2 2h16v16c0 .73.22 1.41.563 2H7c-1.19 0-2-.81-2-2zm2 2v5h12V9zm2 2h8v1H9zm14 3h4v9c0 1.19-.81 2-2 2s-2-.81-2-2zM7 15v2h5v-2zm7 0v2h5v-2zm-7 3v2h5v-2zm7 0v2h5v-2zm-7 3v2h5v-2zm7 0v2h5v-2z"/></svg>

Cara memakai ikon News

React

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

<Icon icon="icons8:news" width="24" />

Vue

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

<template>
  <Icon icon="icons8:news" width="24" />
</template>

Svelte

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

<Icon icon="icons8:news" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="icons8:news"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icons8/news.svg" alt="Ikon News" width="24" height="24">

Ikon News di set ikon lain

FAQ Ikon News

Apakah ikon News gratis untuk penggunaan komersial?

Ya. Icons8 Windows 10 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon News di React?

Pasang @iconify/react lalu render <Icon icon="icons8:news" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon News ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icons8/news.svg" alt="Ikon News">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Icons8 Windows 10 Icons →