Google News Light アイコン

Q: Google News Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:google-news-light

Google News Light アイコン(selfhst:google-news-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: googlenews、newslight、googlenewslight、new

SVG をダウンロード

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>

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 コンポーネント

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

HTML 画像

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

selfh.st/icons の関連アイコン

Google News Light アイコンのよくある質問

Google News Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Google News Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:google-news-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Google News Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/google-news-light.svg" alt="Google News Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →