Ipx アイコン

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

はい。UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

unjs:ipx

Ipx アイコン(unjs:ipx)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: UnJS Logos
作者: UnJS
ライセンス: Apache-2.0
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#90a4ae" d="M6.31 9.817H3.248a.737.737 0 0 1-.738-.737V7.275c0-.408.33-.738.738-.738H6.31c.408 0 .738.33.738.738V9.08a.74.74 0 0 1-.738.737"/><path fill="#94d1e0" d="M4.07 10.13h-1v-2.6c0-.275.225-.5.5-.5s.5.225.5.5z"/><path fill="#546e7a" d="M10.59 8.95H9.213a.497.497 0 0 1-.498-.498V7.075c0-.275.133-.395.498-.498s1.03-.115 1.377 0c.285.095.498.223.498.498v1.377a.5.5 0 0 1-.498.498"/><path fill="#212121" d="M1 14.725h30V29.76H1z"/><path fill="#b0bec5" d="M1 29.42v.682a.9.9 0 0 0 .898.898h28.207a.9.9 0 0 0 .898-.898v-.682z"/><path fill="#90a4ae" d="M10.835 10.138H8.963c-.61 0-1.105-.495-1.105-1.105V8.87c0-.61.495-1.105 1.105-1.105h1.872c.61 0 1.105.495 1.105 1.105v.163a1.1 1.1 0 0 1-1.105 1.104"/><path fill="#b0bec5" d="M30.433 8.54H2.012A1.01 1.01 0 0 0 1 9.552v5.43h30V9.108a.567.567 0 0 0-.567-.567"/><path fill="#78909c" d="M28.123 13.81h-4.538a.48.48 0 0 1-.48-.48v-3.162a.48.48 0 0 1 .48-.48h4.537a.48.48 0 0 1 .48.48v3.165a.48.48 0 0 1-.48.477"/><path fill="#757575" d="M23.105 13.21v-2.99c0-.295.238-.533.532-.533h4.448c.25 0 .352.138.352.138l-5.16 3.855s-.172-.105-.172-.47"/><path fill="#212121" d="M24.11 10.44h3.488v2.617H24.11z"/><path fill="#616161" d="M2.645 28.968h-1.22A.425.425 0 0 1 1 28.543V17.07c0-.235.19-.425.425-.425h1.22c.235 0 .425.19.425.425v11.473a.426.426 0 0 1-.425.425m27.925 0h-1.22a.425.425 0 0 1-.425-.425V17.07c0-.235.19-.425.425-.425h1.22c.235 0 .425.19.425.425v11.473c0 .235-.19.425-.425.425"/><path fill="#b9e4ea" d="M2.01 30.66a.5.5 0 0 1-.5-.5v-.61h1v.61a.5.5 0 0 1-.5.5m28.455-16.03h-1v-5.1c0-.275.225-.5.5-.5s.5.225.5.5zm-27.675 0h-1v-5.1c0-.275.225-.5.5-.5s.5.225.5.5zm27.175 16.03a.5.5 0 0 1-.5-.5v-.61h1v.61a.5.5 0 0 1-.5.5"/><path fill="#616161" d="M18.098 30.275a8.198 8.198 0 1 0 0-16.395a8.198 8.198 0 0 0 0 16.395"/><path fill="#e0e0e0" d="M18.098 29.195a7.117 7.117 0 1 0 0-14.235a7.117 7.117 0 0 0 0 14.235"/><path fill="#2f7889" d="M18.098 27.16a5.082 5.082 0 1 0 0-10.165a5.082 5.082 0 0 0 0 10.165"/><path fill="#000" d="M18.098 28.618a6.54 6.54 0 1 0 0-13.08a6.54 6.54 0 0 0 0 13.08"/><path fill="#2f7889" d="M18.098 27.063a4.985 4.985 0 1 0 0-9.97a4.985 4.985 0 0 0 0 9.97"/><path fill="#94d1e0" d="M16.918 17.895c-1.578.358-2.52 1.893-2.52 3.025c0 .917.607.688.802.355c.503-.852 1.11-1.562 2.158-1.86c.42-.12.91-.383.86-.872c-.07-.698-.763-.77-1.3-.648"/><path fill="#000" d="M18.098 24.303a2.225 2.225 0 1 0 0-4.45a2.225 2.225 0 0 0 0 4.45" opacity=".25"/><path fill="#ff8f00" d="M10.473 11.683a.122.122 0 0 1-.04-.226l3.247-1.64c.603-.342.655-.51.457-1.042L12.22 3.22c-.04-.118.1-.213.195-.133l4.227 3.58c.793.64 1.056.373 1.273-.005l2.343-4.142a.123.123 0 0 1 .227.057l.018 4.163c-.018.802.325.655 1.442.367l3.622-1.012c.12-.035.208.11.123.2l-3.985 4.145c-.257.33-.23.435-.12.893l.807 2.347a.122.122 0 0 1-.137.16l-2.692-.783c-.403-.07-.6-.07-.855.345L16.805 16.5c-.062.075-.23.157-.282.005l-1.01-3.592c-.128-.418-.303-.425-.733-.505z"/><path fill="#ffee58" d="m13.018 11.21l3.187-1.073l-2.417-4.814l3.837 3.707l1.765-3.172l-.207 3.507l3.632-1.362l-2.795 2.69l1.105 1.897l-2.5-.76l-1.652 2.91l-.513-3.162z"/></g></svg>

Ipx アイコンの使い方

React

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

<Icon icon="unjs:ipx" width="24" />

Vue

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

<template>
  <Icon icon="unjs:ipx" width="24" />
</template>

Svelte

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

<Icon icon="unjs:ipx" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="unjs:ipx"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/unjs/ipx.svg" alt="Ipx アイコン" width="24" height="24">

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

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

はい。UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

UnJS Logos アイコンをすべて見る →