View 3d アイコン
f7:view-3d
View 3d アイコン(f7:view-3d)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- view3d
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M11.678 45.115c7.035 0 12.092-4.115 12.092-9.724c0-4.552-3.264-7.54-8.506-7.885v-.092c4.368-.736 7.08-3.655 7.08-7.747c0-4.966-4.505-8.552-10.758-8.552c-4.735 0-8.574 2.069-10.207 5.494c-.413.85-.62 1.632-.62 2.529c0 1.08.735 1.793 1.793 1.793s1.517-.39 1.862-1.471c.988-3.012 3.517-4.736 7.034-4.736c4.092 0 6.736 2.161 6.736 5.494c0 3.426-2.805 5.701-6.943 5.701H8.713c-1.08 0-1.793.667-1.793 1.725c0 1.034.712 1.724 1.793 1.724h2.574c5.104 0 8.138 2.16 8.138 6c0 3.54-3.15 6.046-7.7 6.046c-3.978 0-6.828-1.77-7.863-4.805c-.345-.988-.92-1.425-1.885-1.425C.782 35.184 0 35.92 0 37.115c0 .805.207 1.54.644 2.345c1.908 3.632 5.908 5.655 11.034 5.655m18.644-.575h9.425C50.047 44.54 56 38.402 56 28.035c0-10.368-5.954-16.368-16.253-16.368h-9.425c-1.264 0-2.069.827-2.069 2.114v28.621c0 1.31.805 2.138 2.069 2.138m2.092-3.77V15.39h7.057c7.886 0 12.276 4.598 12.276 12.667c0 8.115-4.39 12.713-12.276 12.713Z"/></svg>View 3d アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:view-3d" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:view-3d" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:view-3d" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--view-3d]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:view-3d"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:view-3d"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/view-3d.svg" alt="View 3d アイコン" width="24" height="24">Framework7 Icons の関連アイコン
View 3d アイコン のよくある質問
View 3d アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で View 3d アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:view-3d" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
View 3d アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/view-3d.svg" alt="View 3d アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。