Ikon Fox News
cbi:fox-news
Ikon Fox News (cbi:fox-news) adalah ikon SVG gratis dari set Custom Brand Icons karya Emanuele & rchiileea. Ikon ini digambar pada grid 24 × 24. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Custom Brand Icons
- Pembuat
- Emanuele & rchiileea
- Lisensi
- CC-BY-NC-SA-4.0
- Ukuran
- 24 × 24
- Tag
- foxnews, new
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22h20v-3.556H2Zm18.444-2.667h.667v1.755h-.667Zm-1.96.4h.016c.637 0 1.034.271 1.029.724v.076H18.16c0 .183.128.28.363.28q.27 0 .34-.142h.637c-.112.278-.482.444-1 .444c-.625 0-1.033-.251-1.033-.685s.4-.7 1.017-.7Zm-3.838.048h.633v.173a.8.8 0 0 1 .614-.208h.016c.493 0 .677.152.685.479v.847h-.667v-.651c0-.238-.039-.353-.278-.353s-.336.09-.336.312v.7h-.667Zm-3.135 0h.644v.173a.8.8 0 0 1 .614-.208h.008c.491 0 .674.152.682.479v.847h-.667v-.651c0-.238-.039-.353-.279-.353s-.335.09-.335.312v.7h-.667Zm-1.992.259q-.286.002-.329.148h-.61c.065-.3.379-.444.954-.444a1.2 1.2 0 0 1 .745.168a.48.48 0 0 1 .132.417v.49q.001.175.089.208v.048h-.665a.6.6 0 0 1-.034-.133a1.16 1.16 0 0 1-.645.175c-.4 0-.633-.158-.633-.374q0-.323.538-.4c.469-.072.72-.051.72-.151v-.031c0-.083-.071-.124-.262-.124Zm-3.8-.7h.667v.629A.87.87 0 0 1 7 19.76h.007c.424 0 .652.153.652.441v.889H7v-.651c0-.238-.039-.353-.279-.353s-.335.091-.335.312v.692h-.671Zm-1.783.386c.557 0 .915.188.957.5h-.671a.27.27 0 0 0-.3-.171a.333.333 0 0 0-.353.377a.31.31 0 0 0 .342.353q.256 0 .312-.189h.658c-.068.328-.432.521-.99.521c-.6 0-1-.262-1-.667c-.002-.45.403-.722 1.041-.73Zm5.214.949c0 .089.095.154.244.154c.224 0 .384-.084.384-.222v-.149a2.4 2.4 0 0 1-.406.073c-.153.026-.222.055-.222.144m9.35-.66c-.213 0-.352.094-.378.267h.755c.001-.17-.161-.267-.377-.267M2.042 18.222L8.975 3.7a15 15 0 0 0-1.888-.1L2.019 18.222Zm12.465-7.475a.46.46 0 0 0 .493-.425V8.2a.48.48 0 0 0-.47-.46a.463.463 0 0 0-.443.46v2.126a.46.46 0 0 0 .42.421M12.426 2l-1.244 1.888a16 16 0 0 1 4.653 2.036q.428.276.831.575h-.378a16 16 0 0 0-5.232-2.415l-1.521 2.36H8.444V8.05l-2.693 4.394h-.862v1.469L2.13 18.222H22V2Zm5.665 4.771l.633 1.043l.61-1.04h1.62l-1.42 2.394l1.577 2.6h-1.636l-.746-1.231L18 11.762h-1.6l1.5-2.583l-1.456-2.408Zm-3.66.027a2.61 2.61 0 0 1 2.712 2.5a2.565 2.565 0 0 1-2.6 2.521a2.56 2.56 0 0 1-2.6-2.521A2.607 2.607 0 0 1 14.431 6.8Zm-5.7-.032H11.9l.1 1.368h-1.778v.651h1.461v1.366h-1.461v1.626H8.735ZM9.1 17.43H7.971l-1.594-2.721v2.727H5.189v-4.667h1.354L7.938 15.1v-2.337H9.1Zm3.328 0H9.393v-4.682H12.4v1.085h-1.84v.682h1.513v1H10.56v.789h1.866Zm3.456 0l-.549-2.685l-.535 2.688h-1.088l-1.084-4.685h1.194l.562 2.709l.539-2.709h1l.567 2.682l.579-2.682h.966l-1.089 4.685Zm5.516-1.569a1.52 1.52 0 0 1-.393 1.031a1.78 1.78 0 0 1-1.333.549a1.744 1.744 0 0 1-1.869-1.417l1.121-.246a.693.693 0 0 0 .762.572c.277 0 .444-.141.444-.321c0-.342-.282-.329-.813-.489c-.889-.266-1.333-.641-1.333-1.4a1.55 1.55 0 0 1 1.724-1.54a1.57 1.57 0 0 1 1.59 1.162l-1.022.34a.61.61 0 0 0-.646-.47a.37.37 0 0 0-.405.334c0 .275.261.29.734.423a2.4 2.4 0 0 1 1.067.476a1.3 1.3 0 0 1 .372.996m.559-2.25a16 16 0 0 0-.753-1.592h.246q.291.559.544 1.134v.458ZM9.815 2H7.7l-.537 1.383a16 16 0 0 1 1.912.117ZM2.013 4.466H2v13.485l2.978-14.2a16 16 0 0 0-2.965.715M5.32 2H2v2.222a16 16 0 0 1 3.027-.7Z"/></svg>Cara memakai ikon Fox News
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:fox-news" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:fox-news" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:fox-news" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--fox-news]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:fox-news"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:fox-news"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/cbi/fox-news.svg" alt="Ikon Fox News" width="24" height="24">Ikon terkait di Custom Brand Icons
Ikon Fox News di set ikon lain
FAQ Ikon Fox News
Apakah ikon Fox News gratis untuk penggunaan komersial?
Tidak. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya.
Bagaimana cara memakai ikon Fox News di React?
Pasang @iconify/react lalu render <Icon icon="cbi:fox-news" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Fox News ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cbi/fox-news.svg" alt="Ikon Fox News">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.