3d Coordinate Axis アイコン
streamline-plump:3d-coordinate-axis
3d Coordinate Axis アイコン(streamline-plump:3d-coordinate-axis)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- 3dcoordinate、coordinateaxis、3dcoordinateaxis
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M10.897 26.618c-.91-1.003-2.266-.728-3.017.413c-3.453 5.246-4.525 9.676-4.852 12.151c-.176 1.328.492 2.552 1.667 3.055c2.19.938 6.355 2.17 12.376 1.631c1.31-.117 2.213-1.221 1.847-2.556c-.43-1.57-1.366-4.046-3.38-7.733c-2.012-3.687-3.572-5.782-4.641-6.961m26.206 0c.91-1.003 2.266-.728 3.017.413c3.453 5.246 4.525 9.676 4.852 12.151c.176 1.328-.492 2.552-1.667 3.055c-2.19.938-6.355 2.17-12.376 1.631c-1.31-.117-2.213-1.221-1.847-2.556c.43-1.57 1.366-4.046 3.38-7.733c2.012-3.687 3.572-5.782 4.641-6.961m-21.783-10.3c-1.398-.295-1.906-1.712-1.221-2.965c2.923-5.349 6.424-8.2 8.382-9.484a2.74 2.74 0 0 1 3.038 0c1.958 1.285 5.46 4.135 8.382 9.484c.685 1.253.177 2.67-1.22 2.965c-1.647.347-4.355.682-8.68.682c-4.327 0-7.035-.335-8.682-.682"/><path d="M19.569 16.861c.28 3.056.64 6.691 1.02 9.812a353 353 0 0 0-7.228 3.229m15.07-13.04c-.29 3.163-.666 6.948-1.061 10.14a383 383 0 0 1 7.087 3.183m-4.16 7.776a385 385 0 0 1-6.697-4.832a371 371 0 0 1-6.087 4.4"/></g></svg>3d Coordinate Axis アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:3d-coordinate-axis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:3d-coordinate-axis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:3d-coordinate-axis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--3d-coordinate-axis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:3d-coordinate-axis"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:3d-coordinate-axis"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/3d-coordinate-axis.svg" alt="3d Coordinate Axis アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの 3d Coordinate Axis アイコン
3d Coordinate Axis アイコン のよくある質問
3d Coordinate Axis アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で 3d Coordinate Axis アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:3d-coordinate-axis" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
3d Coordinate Axis アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/3d-coordinate-axis.svg" alt="3d Coordinate Axis アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。