ICONYZ
Русский
Иконка 3d Coordinate Axis из набора Flex free icons

Иконка 3d Coordinate Axis

streamline-flex:3d-coordinate-axis

Иконка 3d Coordinate Axis (streamline-flex:3d-coordinate-axis) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Flex free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
14 × 14
Категория
Основы интерфейса
Теги
3dcoordinate, coordinateaxis, 3dcoordinateaxis
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5 9.75v-2.5l2-1l2 1v2.5l-2 1zm2-3.5V1.285M5.257 2.862C5.686 2.215 6.343 1.613 7 1.285c.656.328 1.313.93 1.742 1.577M9 9.754l4.3 2.483m-.495-2.298c.346.695.539 1.565.495 2.298c-.613.405-1.462.672-2.238.72M5 9.754L.7 12.237m.495-2.298c-.346.695-.539 1.565-.495 2.298c.613.405 1.462.672 2.238.72"/></svg>

Как использовать иконку 3d Coordinate Axis

React

import { Icon } from "@iconify/react";

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-flex/3d-coordinate-axis.svg" alt="Иконка 3d Coordinate Axis" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка 3d-coordinate-axis-remix
3d-coordinate-axis-remix
 Иконка 3d-coordinate-axis-solid
3d-coordinate-axis-solid
 Иконка 3d-rotate-1
3d-rotate-1
 Иконка 3d-rotate-1-remix
3d-rotate-1-remix
 Иконка 3d-rotate-1-solid
3d-rotate-1-solid
 Иконка 3d-rotate-y-axis
3d-rotate-y-axis
 Иконка 3d-rotate-y-axis-remix
3d-rotate-y-axis-remix
 Иконка 3d-rotate-y-axis-solid
3d-rotate-y-axis-solid

Иконка 3d Coordinate Axis в других наборах

Иконка 3d Coordinate Axis из набора Flex color icons
Flex color icons
 Иконка 3d Coordinate Axis из набора Plump color icons
Plump color icons
 Иконка 3d Coordinate Axis из набора Plump free icons
Plump free icons

Вопросы и ответы: Иконка 3d Coordinate Axis

Можно ли бесплатно использовать иконку 3d Coordinate Axis в коммерческих проектах?

Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку 3d Coordinate Axis в React?

Установите @iconify/react и выведите <Icon icon="streamline-flex:3d-coordinate-axis" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку 3d Coordinate Axis на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/3d-coordinate-axis.svg" alt="Иконка 3d Coordinate Axis">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flex free icons →