Pix Solid アイコン
stash:pix-solid
Pix Solid アイコン(stash:pix-solid)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- pixsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.143 3.136a2.77 2.77 0 0 1 1.714 0c.363.118.666.324.959.573c.28.239.599.557.98.938l2.536 2.536h-1.347a2.08 2.08 0 0 0-1.54.697l-1.979 2.176a.63.63 0 0 1-.932 0L9.555 7.88a2.08 2.08 0 0 0-1.54-.697H6.668l2.536-2.536c.381-.381.7-.7.98-.938c.293-.249.596-.455.959-.573"/><path fill="currentColor" d="M5.659 8.192L4.647 9.204c-.381.381-.7.7-.938.98c-.249.293-.455.596-.573.959a2.77 2.77 0 0 0 0 1.714c.118.364.324.666.573.959c.239.28.557.599.938.98l1.012 1.012h2.356c.287 0 .574-.125.794-.367l1.978-2.176a1.64 1.64 0 0 1 2.426 0l1.978 2.176c.22.242.507.367.794.367h2.356l1.012-1.012c.381-.381.7-.7.938-.98c.249-.293.455-.596.573-.959a2.77 2.77 0 0 0 0-1.714c-.118-.363-.324-.666-.573-.959a19 19 0 0 0-.938-.98l-1.012-1.012h-2.356c-.287 0-.574.125-.794.367l-1.978 2.176a1.64 1.64 0 0 1-2.426 0L8.809 8.559a1.07 1.07 0 0 0-.794-.367z"/><path fill="currentColor" d="M17.332 16.817h-1.347a2.08 2.08 0 0 1-1.54-.697l-1.979-2.176a.63.63 0 0 0-.932 0L9.555 16.12c-.4.44-.952.697-1.54.697H6.668l2.536 2.536c.381.381.7.7.98.938c.293.249.596.455.959.573a2.78 2.78 0 0 0 1.714 0c.363-.118.666-.324.959-.573c.28-.239.599-.557.98-.938z"/></svg>Pix Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:pix-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:pix-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:pix-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--pix-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:pix-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:pix-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/pix-solid.svg" alt="Pix Solid アイコン" width="24" height="24">Stash Icons の関連アイコン
Pix Solid アイコン のよくある質問
Pix Solid アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pix Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:pix-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pix Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/pix-solid.svg" alt="Pix Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。