Ícone News
flat-ui:news
O ícone News (flat-ui:news) é um ícone SVG gratuito da coleção Flat UI Icons de Designmodo, Inc.. Ele é desenhado em uma grade de 99 × 66. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licença
- MIT
- Tamanho
- 99 × 66
- Tags
- new
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/news.svg" alt="Ícone News" width="24" height="24">
O ícone News em outras coleções
Perguntas frequentes sobre Ícone News
O ícone News é grátis para uso comercial?
Sim. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone News no React?
Instale @iconify/react e renderize <Icon icon="flat-ui:news" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone News a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/flat-ui/news.svg" alt="Ícone News">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Flat UI Icons →
ICONYZ
