Perspective Grid Bold アイコン
streamline-ultimate:perspective-grid-bold
Perspective Grid Bold アイコン(streamline-ultimate:perspective-grid-bold)は、Ultimate free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デザイン
- タグ
- perspectivegrid、gridbold、perspectivegridbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 0H2a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M6.71 22a.23.23 0 0 1-.22-.14a.23.23 0 0 1 0-.26a16.2 16.2 0 0 0 2.75-6a.24.24 0 0 1 .29-.19a6.6 6.6 0 0 1 2.09.76a8.6 8.6 0 0 0 3.28 1.07a.26.26 0 0 1 .19.13a.24.24 0 0 1 0 .22a14 14 0 0 1-2.88 4.34a.25.25 0 0 1-.18.08ZM2 11.11a.25.25 0 0 1 .08-.18L3.73 9.4a6.76 6.76 0 0 1 3.06-1.6a.24.24 0 0 1 .29.2a14.2 14.2 0 0 1 .57 4v1.1a.27.27 0 0 1-.23.23a8.67 8.67 0 0 0-5 2.25a.22.22 0 0 1-.42-.16ZM12.06 2a.25.25 0 0 1 .18.08a14.3 14.3 0 0 1 3.22 5.18a.26.26 0 0 1 0 .24a.25.25 0 0 1-.23.09a6.5 6.5 0 0 1-2.56-.82a8.7 8.7 0 0 0-4.1-1.14a.25.25 0 0 1-.23-.15A15.6 15.6 0 0 0 6.51 2.4a.23.23 0 0 1 0-.26a.23.23 0 0 1 .2-.14Zm.57 12.42a8.7 8.7 0 0 0-2.82-1a.25.25 0 0 1-.21-.27c0-.38.05-.76.05-1.15a16.3 16.3 0 0 0-.5-4a.26.26 0 0 1 .06-.23a.25.25 0 0 1 .23-.08a6.7 6.7 0 0 1 2.2.77a8.7 8.7 0 0 0 4.2 1.14a.26.26 0 0 1 .25.21a15 15 0 0 1 .17 2.19a13.7 13.7 0 0 1-.35 3.09a.24.24 0 0 1-.25.2a6.8 6.8 0 0 1-3.03-.87m5.44-4.8a.25.25 0 0 1 .18-.28a8.8 8.8 0 0 0 3.34-1.74a.24.24 0 0 1 .27 0a.26.26 0 0 1 .14.23V12a.3.3 0 0 1-.07.18l-1.2 1.2a6.7 6.7 0 0 1-2.34 1.51a.25.25 0 0 1-.25 0a.23.23 0 0 1-.09-.23a17 17 0 0 0 .21-2.66a15.6 15.6 0 0 0-.19-2.38M22 4.31a.26.26 0 0 1-.07.17l-1.2 1.2a6.7 6.7 0 0 1-2.89 1.69a.25.25 0 0 1-.3-.17a16.2 16.2 0 0 0-2.42-4.8a.25.25 0 0 1 0-.26a.25.25 0 0 1 .2-.14h6.18a.5.5 0 0 1 .5.5ZM3.45 2a.25.25 0 0 1 .18.08a14 14 0 0 1 2.5 3.51a.26.26 0 0 1 0 .21a.25.25 0 0 1-.13.14a8.75 8.75 0 0 0-3.59 2a.23.23 0 0 1-.25 0A.21.21 0 0 1 2 7.77V2.5a.5.5 0 0 1 .5-.5ZM2 18.76a.25.25 0 0 1 .08-.18l1.65-1.53a6.73 6.73 0 0 1 3.12-1.61a.25.25 0 0 1 .23.07a.23.23 0 0 1 .06.24a14.1 14.1 0 0 1-3.51 6.17a.25.25 0 0 1-.18.08h-1a.5.5 0 0 1-.5-.5ZM15.32 22a.25.25 0 0 1-.23-.14a.25.25 0 0 1 0-.26a16.4 16.4 0 0 0 2.25-4.29a.24.24 0 0 1 .19-.16a8.73 8.73 0 0 0 4-1.9a.25.25 0 0 1 .41.19v6.06a.51.51 0 0 1-.5.5Z"/></svg>Perspective Grid Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate:perspective-grid-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate:perspective-grid-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate:perspective-grid-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--perspective-grid-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:perspective-grid-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate:perspective-grid-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate/perspective-grid-bold.svg" alt="Perspective Grid Bold アイコン" width="24" height="24">Ultimate free icons の関連アイコン
Perspective Grid Bold アイコン のよくある質問
Perspective Grid Bold アイコンは商用利用でも無料ですか?
はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Perspective Grid Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate:perspective-grid-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Perspective Grid Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/perspective-grid-bold.svg" alt="Perspective Grid Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。