Icono Google News Light

selfhst:google-news-light

El icono Google News Light (selfhst:google-news-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: selfh.st/icons
Autor: selfh.st
Licencia: CC-BY-4.0
Tamaño: 512 × 512
Etiquetas: googlenews, newslight, googlenewslight, new

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M291.4 60.2c-5.2-2.7-11.2-3.1-16.6-1.2l-170.1 61.9V59.5c0-7.1 5.9-13 13.1-13h276.4c7.2 0 13.1 5.8 13.1 13v62l-96.8-26l-8.3-22.9c-2-5.4-5.8-9.8-10.8-12.4m211.8 96.4l-188.9-50.8l16.8 46.2h109.6c11.6 0 21.1 9.5 21.1 21.1v184.7l49.7-185.4c1.9-7-1.8-14.1-8.3-15.8m-453 16.5c0-11.6 9.5-21.1 21.1-21.1h250.3l-27.8-76.3c-2.5-6.8-9.6-10.5-15.8-8.2L7.7 165.8c-6.2 2.3-9.3 9.7-6.9 16.5l49.3 135.5V173.1zm403.6 0v279.3c0 7.2-5.9 13.1-13.1 13.1H71.3c-7.2 0-13.1-5.9-13.1-13.1V173.1c0-7.2 5.9-13.1 13.1-13.1h369.5c7.1 0 13 5.9 13 13.1m-181.1 97.4h110.6c3.2 0 5.8-2.6 5.8-5.8v-17.5c0-3.2-2.6-5.8-5.8-5.8H272.7zm-32 42.4c0-4.6-.4-9-1.1-13.2h-65.7v26.2h37.7c-3.1 16-17.2 27.6-37.7 27.6c-22.9 0-41.4-19.3-41.4-42.2s18.5-42.2 41.4-42.2c10.3 0 19.5 3.5 26.8 10.5l19.9-19.9c-12.1-11.3-27.9-18.2-46.7-18.2c-38.6 0-69.8 31.3-69.8 69.8c0 38.6 31.3 69.8 69.8 69.8c40.2 0 66.8-28.3 66.8-68.2m148.4 44.9c0-3.2-2.6-5.8-5.8-5.8H272.7v29.1h110.6c3.2 0 5.8-2.6 5.8-5.8zm17.4-55.3c0-3.2-2.6-5.8-5.8-5.8h-128v29.1h128c3.2 0 5.8-2.6 5.8-5.8z"/></svg>

Cómo usar el icono Google News Light

React

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

<Icon icon="selfhst:google-news-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:google-news-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:google-news-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:google-news-light"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/selfhst/google-news-light.svg" alt="Icono Google News Light" width="24" height="24">

Iconos relacionados en selfh.st/icons

Preguntas frecuentes sobre Icono Google News Light

¿El icono Google News Light es gratis para uso comercial?

Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Google News Light en React?

Instala @iconify/react y renderiza <Icon icon="selfhst:google-news-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Google News Light a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/google-news-light.svg" alt="Icono Google News Light">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los selfh.st/icons →