Pix Duotone アイコン
stash:pix-duotone
Pix Duotone アイコン(stash:pix-duotone)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- pixduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" opacity=".5"><path d="m17.416 15.487l1.249-1.248c.784-.784 1.175-1.176 1.322-1.628c.13-.397.13-.825 0-1.222c-.147-.452-.538-.844-1.322-1.628l-1.249-1.248h-1.508a.8.8 0 0 0-.596.278l-1.94 2.134c-.736.81-2.009.81-2.745 0l-1.94-2.134a.8.8 0 0 0-.596-.278H6.583L5.335 9.76c-.784.784-1.176 1.176-1.323 1.628a1.98 1.98 0 0 0 0 1.222c.147.452.539.844 1.322 1.627l1.25 1.25H8.09a.8.8 0 0 0 .596-.28l1.94-2.133c.736-.81 2.01-.81 2.745 0l1.94 2.134a.8.8 0 0 0 .596.278z"/><path d="M15.908 7.029h.024l-1.694-1.694c-.783-.784-1.175-1.176-1.627-1.322a1.98 1.98 0 0 0-1.223 0c-.451.146-.843.538-1.627 1.322L8.067 7.029h.024c.65 0 1.258.285 1.694.764l1.94 2.134a.37.37 0 0 0 .55 0l1.94-2.134a2.3 2.3 0 0 1 1.693-.764m.024 9.942h-.024a2.3 2.3 0 0 1-1.694-.764l-1.94-2.134a.37.37 0 0 0-.549 0l-1.94 2.134a2.3 2.3 0 0 1-1.694.764h-.024l1.694 1.694c.784.784 1.176 1.176 1.627 1.322c.398.13.826.13 1.223 0c.452-.146.844-.538 1.627-1.322z"/></g><path fill="currentColor" fill-rule="evenodd" d="M19.751 8.749c.36.36.691.69.945.99c.274.323.544.705.702 1.191a3.46 3.46 0 0 1 0 2.14c-.157.486-.428.868-.702 1.191c-.254.3-.585.63-.945.99l-4.5 4.5a18 18 0 0 1-.99.945c-.323.274-.705.545-1.191.703a3.46 3.46 0 0 1-2.14 0c-.487-.158-.869-.429-1.191-.703c-.3-.254-.63-.585-.99-.945l-4.5-4.5a18 18 0 0 1-.946-.99c-.273-.323-.544-.705-.702-1.191a3.46 3.46 0 0 1 0-2.14c.158-.486.429-.868.702-1.191c.254-.3.585-.63.946-.99l4.5-4.5c.36-.36.69-.691.99-.945c.322-.274.704-.545 1.19-.703a3.46 3.46 0 0 1 2.14 0c.487.158.87.429 1.192.703c.299.254.63.584.99.945zm-1.086 5.49l-1.249 1.248h-1.508a.8.8 0 0 1-.596-.278l-1.94-2.134a1.855 1.855 0 0 0-2.745 0l-1.94 2.134a.8.8 0 0 1-.595.278H6.583L5.335 14.24c-.784-.784-1.176-1.176-1.323-1.628a1.98 1.98 0 0 1 0-1.222c.147-.452.539-.844 1.323-1.628l1.248-1.248h1.509c.208 0 .424.09.595.278l1.94 2.134c.736.81 2.01.81 2.745 0l1.94-2.134a.8.8 0 0 1 .596-.278h1.508l1.249 1.248c.784.784 1.175 1.176 1.322 1.628c.13.397.13.825 0 1.222c-.147.452-.538.844-1.322 1.627m-2.733-7.21h-.024a2.3 2.3 0 0 0-1.694.764l-1.94 2.134a.37.37 0 0 1-.549 0l-1.94-2.134a2.3 2.3 0 0 0-1.693-.764h-.025l1.694-1.694c.784-.784 1.176-1.176 1.627-1.322c.398-.13.826-.13 1.223 0c.452.146.844.538 1.627 1.322zm-.024 9.942h.024l-1.694 1.694c-.783.784-1.175 1.176-1.627 1.322c-.397.13-.825.13-1.223 0c-.451-.146-.843-.538-1.627-1.322l-1.694-1.694h.025a2.3 2.3 0 0 0 1.693-.764l1.94-2.134a.37.37 0 0 1 .55 0l1.94 2.134a2.3 2.3 0 0 0 1.693.764" clip-rule="evenodd"/></svg>Pix Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:pix-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:pix-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:pix-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--pix-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:pix-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:pix-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/pix-duotone.svg" alt="Pix Duotone アイコン" width="24" height="24">Stash Icons の関連アイコン
Pix Duotone アイコン のよくある質問
Pix Duotone アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pix Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:pix-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pix Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/pix-duotone.svg" alt="Pix Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。