أيقونة 3d Coordinate Axis

streamline-plump-color:3d-coordinate-axis

أيقونة 3d Coordinate Axis (streamline-plump-color:3d-coordinate-axis) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Plump color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 48 × 48
الفئة: أساسيات الواجهة
الوسوم: 3dcoordinate، coordinateaxis، 3dcoordinateaxis

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M28.43 16.861c-.29 3.164-.665 6.949-1.06 10.14a384 384 0 0 1 7.087 3.184l-4.16 7.776a385 385 0 0 1-6.697-4.832a371 371 0 0 1-6.087 4.4l-4.153-7.627a352 352 0 0 1 7.23-3.229c-.38-3.12-.74-6.756-1.021-9.812z"/><path fill="#8fbffa" d="M15.319 16.318c-1.398-.295-1.905-1.712-1.22-2.965c2.922-5.349 6.424-8.2 8.382-9.484a2.74 2.74 0 0 1 3.037 0c1.959 1.285 5.46 4.135 8.383 9.484c.685 1.253.177 2.67-1.22 2.965c-1.647.347-4.356.682-8.681.682c-4.326 0-7.035-.335-8.681-.682m21.784 10.3c.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-26.206 0c-.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.961"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" 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 stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" 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-color:3d-coordinate-axis" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-plump-color:3d-coordinate-axis" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-plump-color:3d-coordinate-axis" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--3d-coordinate-axis]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:3d-coordinate-axis"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-plump-color:3d-coordinate-axis"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/3d-coordinate-axis.svg" alt="أيقونة 3d Coordinate Axis" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة 3d Coordinate Axis في مجموعات أخرى

الأسئلة الشائعة حول أيقونة 3d Coordinate Axis

هل أيقونة 3d Coordinate Axis مجانية للاستخدام التجاري؟

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة 3d Coordinate Axis في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-plump-color:3d-coordinate-axis" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة 3d Coordinate Axis إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/3d-coordinate-axis.svg" alt="أيقونة 3d Coordinate Axis">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →