Icône View 3d
f7:view-3d
L'icône View 3d (f7:view-3d) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Framework7 Icons
- Auteur
- Vladimir Kharlampidi
- Licence
- MIT
- Taille
- 56 × 56
- Mots-clés
- view3d
Code 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>Comment utiliser l'icône 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:view-3d"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/f7/view-3d.svg" alt="Icône View 3d" width="24" height="24">Icônes similaires dans Framework7 Icons
FAQ : Icône View 3d
L'icône View 3d est-elle gratuite pour un usage commercial ?
Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône View 3d dans React ?
Installez @iconify/react et affichez <Icon icon="f7:view-3d" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône View 3d à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/view-3d.svg" alt="Icône View 3d">, ou collez le code SVG directement dans la page pour le styliser en CSS.