Иконка View 3d
f7:view-3d
Иконка View 3d (f7:view-3d) — бесплатная SVG-иконка из набора Framework7 Icons от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку View 3d в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.