Icône Google News Light

selfhst:google-news-light

L'icône Google News Light (selfhst:google-news-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512
Mots-clés: googlenews, newslight, googlenewslight, new

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans selfh.st/icons

FAQ : Icône Google News Light

L'icône Google News Light est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Google News Light dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:google-news-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Google News Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/google-news-light.svg" alt="Icône Google News Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →