News Paper アイコン
streamline-plump-color:news-paper
News Paper アイコン(streamline-plump-color:news-paper)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 文化
- タグ
- newspaper、new
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M5.442 39.958c.219 2.546 2.206 4.447 4.755 4.619C13.282 44.785 18.129 45 25 45c6.87 0 11.718-.215 14.803-.423c2.55-.172 4.536-2.073 4.755-4.619C44.784 37.324 45 33.396 45 28s-.216-9.323-.442-11.958c-.219-2.546-2.206-4.447-4.755-4.619C36.718 11.215 31.871 11 25 11c-6.87 0-11.718.215-14.803.423c-2.55.172-4.536 2.073-4.755 4.619C5.216 18.676 5 22.604 5 28s.216 9.324.442 11.958"/><path fill="#fff" d="M5.016 30.499Q5.001 29.307 5 28c0-5.396.216-9.323.442-11.958c.219-2.546 2.206-4.447 4.755-4.619C13.282 11.215 18.129 11 25 11c6.87 0 11.718.215 14.803.423a5.3 5.3 0 0 1 2.11.593a119 119 0 0 0-.948-5.098c-.512-2.425-2.661-4.037-5.164-3.911c-3.023.152-7.757.505-14.425 1.315s-11.348 1.6-14.319 2.175c-2.459.477-4.15 2.555-4.053 5.03c.106 2.707.39 6.8 1.09 12.446c.308 2.479.62 4.648.922 6.526"/><path fill="#fff" d="M25.087 28.823c.086 1.707 1.383 3.004 3.09 3.09c.991.05 2.257.087 3.823.087a76 76 0 0 0 3.823-.087c1.706-.086 3.004-1.383 3.09-3.09c.05-.991.087-2.257.087-3.823a76 76 0 0 0-.087-3.822c-.086-1.707-1.383-3.005-3.09-3.09A76 76 0 0 0 32 18a76 76 0 0 0-3.822.087c-1.707.086-3.005 1.383-3.09 3.09A76 76 0 0 0 25 25c0 1.566.038 2.832.087 3.823"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M40.923 6.895c-.511-2.411-2.659-4.013-5.158-3.888c-3.02.151-7.749.502-14.41 1.307c-6.66.805-11.335 1.59-14.303 2.162c-2.456.473-4.145 2.539-4.048 5c.106 2.69.389 6.757 1.089 12.369c.317 2.538.639 4.75.948 6.655"/><path stroke="#2859c5" stroke-linejoin="round" d="M5.442 39.958c.219 2.546 2.206 4.447 4.755 4.619C13.282 44.785 18.129 45 25 45c6.87 0 11.718-.215 14.803-.423c2.55-.172 4.536-2.073 4.755-4.619C44.784 37.324 45 33.396 45 28s-.216-9.323-.442-11.958c-.219-2.546-2.206-4.447-4.755-4.619C36.718 11.215 31.871 11 25 11c-6.87 0-11.718.215-14.803.423c-2.55.172-4.536 2.073-4.755 4.619C5.216 18.676 5 22.604 5 28s.216 9.324.442 11.958Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M19 19h-8m8 12h-8m28 6H11m8-12h-8"/><path stroke="#2859c5" stroke-linejoin="round" d="M25.087 28.823c.086 1.707 1.383 3.004 3.09 3.09c.991.05 2.257.087 3.823.087a76 76 0 0 0 3.823-.087c1.706-.086 3.004-1.383 3.09-3.09c.05-.991.087-2.257.087-3.823a76 76 0 0 0-.087-3.822c-.086-1.707-1.383-3.005-3.09-3.09A76 76 0 0 0 32 18a76 76 0 0 0-3.822.087c-1.707.086-3.005 1.383-3.09 3.09A76 76 0 0 0 25 25c0 1.566.038 2.832.087 3.823Z"/></g></svg>
News Paper アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:news-paper" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:news-paper" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:news-paper" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--news-paper]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:news-paper"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:news-paper"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/news-paper.svg" alt="News Paper アイコン" width="24" height="24">
Plump color icons の関連アイコン
他のアイコンセットの News Paper アイコン
News Paper アイコン のよくある質問
News Paper アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で News Paper アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:news-paper" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
News Paper アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/news-paper.svg" alt="News Paper アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump color icons をすべて見る →
ICONYZ
