Ikon News
flat-ui:news
Ikon News (flat-ui:news) adalah ikon SVG gratis dari set Flat UI Icons karya Designmodo, Inc.. Ikon ini digambar pada grid 99 × 66. Flat UI 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
- Flat UI Icons
- Pembuat
- Designmodo, Inc.
- Lisensi
- MIT
- Ukuran
- 99 × 66
- Tag
- new
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="99" height="66" viewBox="0 0 99 66"><path fill="#EBECED" d="M97.99 28.692a8.95 8.95 0 0 0-3.641-3.746l.016-.01L46.687 0L.004 23.998l.149.084l47.351 24.836c4.395 2.305 6.104 7.766 3.82 12.197a8.97 8.97 0 0 1-3.117 3.426l-.062.081l-.041.03l47.781-24.979c3.08-2.666 4.06-7.197 2.105-10.981"/><path fill="#BDC3C7" d="M47.504 48.918L0 24.001v20.39l39.235 20.58a8.9 8.9 0 0 0 4.127 1.021a8.95 8.95 0 0 0 7.962-4.875c2.283-4.433.574-9.894-3.82-12.199"/><path fill="#7E8B8C" d="m18.37 22.306l4.574 2.305l-7.688-.736l-2.387 1.202l8.27 4.164l2.402-1.21l-4.539-2.287l7.637.729l2.408-1.213l-8.27-4.164zm13.058-.133l-1.631-.82l3.977-2.002l-1.688-.851l-3.977 2.002l-1.312-.661l4.285-2.158l-1.766-.89l-6.848 3.448l8.27 4.164l6.973-3.512l-1.873-.942zm7.694-10.319l3.748 2.771l-5.906-1.683l-2.418 1.218l3.352 2.976l-5.503-1.892l-2.427 1.222l10.107 3.238l2.506-1.262l-3.762-3.35l6.656 1.892l2.506-1.263l-6.445-5.082zm16.91-1.419q-.23-.559-1.027-.959q-.676-.342-1.553-.45q-.877-.11-1.974.069q-1.094.178-3.13.84q-.819.27-1.162.279q-.343.014-.541-.086q-.272-.136-.234-.345q.038-.21.482-.435a2.7 2.7 0 0 1 1.104-.299q.56-.027 1.215.205l2.269-1.283q-1.444-.568-2.862-.445q-1.423.122-3.008.92q-1.294.65-1.71 1.188q-.417.536-.22 1.008t.835.793q.97.49 2.316.44q1.344-.046 3.401-.702q1.252-.404 1.787-.416c.356-.011.646.039.856.146c.228.113.324.264.299.449c-.024.185-.223.369-.586.554a3.1 3.1 0 0 1-1.631.315c-.369-.023-.774-.121-1.225-.293l-2.277 1.301q1.357.577 2.981.576q1.624 0 3.733-1.062q1.202-.605 1.644-1.178c.302-.378.372-.757.218-1.13"/><path fill="#BDC2C6" d="M64.223 15.245L27.79 33.593l2.666 1.343l36.435-18.349zM34.01 36.725l7.998 4.026l10.662-5.369l-7.998-4.027zm17.772-6.266L73.107 19.72l-2.666-1.343l-21.325 10.74zm23.991-9.397l-21.326 10.74l2.666 1.344l21.326-10.74z"/><path fill="#7E8B8C" d="M42.028 55.029L0 32.597v2.292l41.123 21.946a.96.96 0 0 0 .451.114c.354 0 .697-.2.873-.549a1.034 1.034 0 0 0-.419-1.371"/></svg>
Cara memakai ikon News
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:news" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:news" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:news" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--news]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:news"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:news"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/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. Flat UI 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="flat-ui: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/flat-ui/news.svg" alt="Ikon News">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Flat UI Icons →
ICONYZ
