Newsblur アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:newsblur

Newsblur アイコン(arcticons:newsblur)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="9.735" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23 5.81q.296-.032.593-.056q.715-.013 1.429.03m-4.201 6.137a12 12 0 0 1 6.367-.025M26.113 8.86a13.8 13.8 0 0 0-4.208.02m-11.473 2.97a18 18 0 0 1 1.412-1.45m24.337.017a18 18 0 0 1 1.42 1.425m-22.779-.025a15.3 15.3 0 0 0-2.991 2.983m1.371 2.892a12.5 12.5 0 0 1 4.524-4.49m12.596-.006a12.5 12.5 0 0 1 4.492 4.5m1.384-2.906a15.3 15.3 0 0 0-2.97-2.971M8.875 21.88a15 15 0 0 0-.159 2.46a15 15 0 0 0 .165 1.755m3.039 1.084a12 12 0 0 1-.023-6.37m24.213.022a12.4 12.4 0 0 1-.008 6.358m3.022-1.07a14.5 14.5 0 0 0 .017-4.207M5.811 25q-.034-.296-.057-.592q.007-.723.07-1.444m36.394.046q.018.291.027.583q-.006.723-.07 1.444m-30.358 8.14a15.3 15.3 0 0 0 2.983 2.992m2.892-1.371a12.5 12.5 0 0 1-4.491-4.525m21.596.035a12.5 12.5 0 0 1-4.524 4.491m2.904 1.384a15.3 15.3 0 0 0 2.992-2.983m-24.32 4.368a18 18 0 0 1-1.449-1.412m11.48 2.969a15 15 0 0 0 2.46.159a15 15 0 0 0 1.755-.165m1.084-3.039a12 12 0 0 1-6.37.023m16.758.048a18 18 0 0 1-1.412 1.449m-11.156 4.59c-.482-.004-1.556.028-2.036-.014h0"/><path fill="none" stroke="currentColor" stroke-linecap="round" d="m9.107 38.87l-.31.33M2.953 23.983l-.453.015M9.129 9.104l-.331-.309M24.015 2.95L24 2.497m14.894 6.629l.308-.331m5.846 15.217l.452-.015m-6.627 14.895l.33.308m-15.217 5.845l.015.452"/></svg>

Newsblur アイコンの使い方

React

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

<Icon icon="arcticons:newsblur" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:newsblur" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:newsblur" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--newsblur]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:newsblur"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:newsblur"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/newsblur.svg" alt="Newsblur アイコン" width="24" height="24">

他のアイコンセットの Newsblur アイコン

Newsblur アイコンのよくある質問

Newsblur アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Newsblur アイコンを使うには?

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

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

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

Arcticons をすべて見る →