Npr アイコン

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

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

selfhst:npr

Npr アイコン(selfhst:npr)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#d62021" d="M171.1 339.7V172.3H0v167.3h171.1z"/><path fill="#000005" d="M342.9 339.7V172.3H171.1v167.3h171.8z"/><path fill="#237bbd" d="M512 339.7V172.3H342.9v167.3H512z"/><path fill="#fff" d="M103.4 301.4v-50.7c0-7.5-1.4-12.9-4.3-16.4s-7.6-5.1-14.1-5.1c-3.4.1-6.6 1-9.7 2.5c-3.1 1.4-5.9 3.6-8.1 6.3v63.5H46.8v-88.2h14.8l3.8 8.3c5.5-6.4 13.8-9.7 24.8-9.7c10.5 0 18.7 3.1 24.8 9.4c6 6.2 9.1 15 9.1 26.2v54zm152 1.7c13.4 0 24.1-3.9 31.8-11.7c7.8-7.8 11.7-18.8 11.7-33.2c0-30.9-14-46.3-42.1-46.3c-7.1-.2-13.9 2.4-18.9 7.4v-5.8h-20.6v111.4h20.5v-25.5c5.5 2.5 11.5 3.8 17.6 3.7m-4.6-73.8c9.5 0 16.2 2.1 20.4 6.3c4.1 4.2 6.1 11.6 6.1 22c0 9.8-2.1 16.8-6.1 21.4c-4.1 4.5-10.9 6.8-20.4 6.8c-4.7.1-9.4-1.5-13-4.5v-46.1c3.4-3.8 8.1-5.8 13-5.9m200.8 3.2c-3.6-2.3-7.8-3.5-12-3.4c-4.7 0-9 2.1-12.6 6.4c-3.7 4.4-5.7 10.1-5.5 15.8v50h-20.6v-88.1h20.6v8.5c5.7-6.5 13.3-9.9 22.9-9.9c7 0 12.3 1.1 16 3.2c0 .1-8.8 17.5-8.8 17.5"/></svg>

Npr アイコンの使い方

React

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

<Icon icon="selfhst:npr" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:npr" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:npr" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:npr"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/npr.svg" alt="Npr アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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

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