Pixel Xpert アイコン

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

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

arcticons:pixel-xpert

Pixel Xpert アイコン(arcticons:pixel-xpert)は、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
タグ: pixelxpert

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="23.268" cy="23.161" r="4.192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="15.26" cy="15.153" r="2.326" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.268 18.97V3.5c-10.859 0-19.661 8.803-19.661 19.661h15.469M9.366 9.259L6.578 6.471m12.606 17.65l-6.72 6.721l-2.84-.203l-6.017 6.017l5.922 5.937l6.031-6.031l-.216-2.826l6.599-6.599m2.285-8.06l4.963-4.962l-1.515-1.515l2.597-2.61l-4.22-4.205c2.07-2.069 4.585-3.408 8.208.216l5.937 5.923l-2.434 2.434l5.463 1.095a.891.891 0 0 1 .46 1.515l-5.044 5.057a.91.91 0 0 1-1.528-.46l-1.095-5.463l-2.421 2.42l-1.514-1.514l-4.841 4.841m17.068 3.342c.285 1-.243 1.477-.61 1.787c-.607.511-1.357.631-2.11.793c-2.181.466-2.802 2.094-1.536 3.927c.234.337.492.658.722.998c.535.793.665 1.629.15 2.476c-.513.843-1.324 1.144-2.264 1.039c-.518-.058-1.025-.232-1.53-.378c-1.996-.575-3.48.739-3.189 2.828c.089.635.274 1.282.222 1.907c-.144 1.727-1.967 2.545-3.383 1.54c-.474-.336-.848-.809-1.295-1.187c-1.616-1.37-3.31-.947-4.024 1.033c-.389 1.079-.774 2.817-2.197 2.51V31.17a8.01 8.01 0 0 0 7.748-5.977z"/></svg>

Pixel Xpert アイコンの使い方

React

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

<Icon icon="arcticons:pixel-xpert" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:pixel-xpert" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:pixel-xpert" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:pixel-xpert"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/pixel-xpert.svg" alt="Pixel Xpert アイコン" width="24" height="24">

Arcticons の関連アイコン

Pixel Xpert アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →