Иконка 3d Coordinate Axis
streamline-plump:3d-coordinate-axis
Иконка 3d Coordinate Axis (streamline-plump:3d-coordinate-axis) — бесплатная SVG-иконка из набора Plump free icons от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку 3d Coordinate Axis в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.