Photoshop Grayscale App Icon アイコン
thesvg-color:photoshop-grayscale-app-icon
Photoshop Grayscale App Icon アイコン(thesvg-color:photoshop-grayscale-app-icon)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 31 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 31
- タグ
- photoshopgrayscale、grayscaleapp、appicon、photoshopgrayscaleappicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="31" viewBox="0 0 32 31"><g fill="none"><g clip-path="url(#SVGv2VBXd8T)"><path fill="gray" d="M5.657 0h20.686A5.634 5.634 0 0 1 32 5.657V25.2a5.634 5.634 0 0 1-5.657 5.657H5.657A5.634 5.634 0 0 1 0 25.2V5.657A5.634 5.634 0 0 1 5.657 0"/><path fill="#fff" d="M6.629 21.543V8.057c0-.114.057-.171.114-.171h4.171c.915 0 1.829.114 2.686.4a4.4 4.4 0 0 1 1.771 1.085c.4.4.743.915.972 1.486c.171.572.286 1.143.286 1.715c.057.97-.229 1.942-.8 2.8a4.2 4.2 0 0 1-2.115 1.6a8.8 8.8 0 0 1-2.971.514h-1.2v4.171q0 .172-.172.172H6.743c-.057-.115-.114-.172-.114-.286M9.543 10.4v4.4h1.2c.514 0 1.028-.057 1.486-.229a2.2 2.2 0 0 0 1.085-.685c.286-.4.457-.857.4-1.372c0-.4-.114-.8-.285-1.142c-.229-.343-.572-.63-.915-.743c-.514-.172-1.028-.286-1.543-.286h-.914c-.228.057-.4.057-.514.057m15.314 3.543c-.514-.229-1.028-.343-1.543-.457a6.2 6.2 0 0 0-1.485-.172c-.286 0-.515 0-.8.115c-.172.057-.286.114-.4.285c-.058.115-.115.229-.115.343s.057.229.115.343a.9.9 0 0 0 .457.343c.285.171.628.286.914.457a9.2 9.2 0 0 1 2 .971c.457.286.8.629 1.029 1.086c.228.4.342.857.285 1.372c0 .628-.171 1.2-.514 1.771c-.343.514-.857.914-1.486 1.2c-.743.286-1.543.457-2.4.4a9.3 9.3 0 0 1-1.771-.171a10.4 10.4 0 0 1-1.429-.4c-.114-.058-.171-.172-.171-.229v-2.286c0-.057 0-.114.057-.114h.114a5.6 5.6 0 0 0 1.715.629c.514.114 1.028.171 1.542.228c.4 0 .743-.057 1.086-.171c.229-.115.343-.286.343-.572q0-.343-.343-.514c-.4-.286-.857-.457-1.314-.629a7.4 7.4 0 0 1-1.886-.971a3.5 3.5 0 0 1-.971-1.086c-.229-.4-.286-.857-.286-1.314c0-.571.171-1.086.457-1.6c.343-.514.8-.971 1.372-1.2c.628-.343 1.371-.514 2.114-.514c.571-.057 1.2 0 1.771 0c.457.114.972.228 1.372.457c.057 0 .114.057.114.114v2.286c0 .057 0 .114-.057.114c.228-.057.171-.057.114-.114"/></g><defs><clipPath id="SVGv2VBXd8T"><path fill="#fff" d="M0 0h32v30.857H0z"/></clipPath></defs></g></svg>Photoshop Grayscale App Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:photoshop-grayscale-app-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:photoshop-grayscale-app-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:photoshop-grayscale-app-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--photoshop-grayscale-app-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:photoshop-grayscale-app-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:photoshop-grayscale-app-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/photoshop-grayscale-app-icon.svg" alt="Photoshop Grayscale App Icon アイコン" width="24" height="24">theSVG Color の関連アイコン
Photoshop Grayscale App Icon アイコン のよくある質問
Photoshop Grayscale App Icon アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Photoshop Grayscale App Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:photoshop-grayscale-app-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Photoshop Grayscale App Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/photoshop-grayscale-app-icon.svg" alt="Photoshop Grayscale App Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。