Icône Viewpoint
temaki:viewpoint
L'icône Viewpoint (temaki:viewpoint) est une icône SVG gratuite de la collection Temaki par Bryan Housel. Elle est dessinée sur une grille de 15 × 15. Les Temaki icons sont publiées sous la licence CC0, 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
- Temaki
- Auteur
- Bryan Housel
- Licence
- CC0-1.0
- Taille
- 15 × 15
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.35.64c-.32.05-.61.27-.8.54c-.44.6-.56 1.34-.77 2.04c-.24.9-.47 1.82-.6 2.75c-.02.27.18.32.44.07c.88-.82 1.76-1.69 2.61-2.54c.21-.22.42-.44.57-.7c.24-.4.35-.92.1-1.34s-.72-.71-1.2-.8a.9.9 0 0 0-.33 0zM4.52.7c-.49.01-.99.27-1.31.64c-.3.34-.28.84-.1 1.24c.3.69.87 1.18 1.37 1.71c.66.66 1.35 1.29 2.08 1.88c.22.15.36.01.27-.33c-.27-1.19-.56-2.36-.87-3.53c-.09-.29-.18-.61-.33-.87C5.4 1.04 5.01.7 4.52.7M1.07 6.06c-.35.06-.69.25-.87.57c-.24.43-.26.98-.1 1.44c.15.43.6.7 1.04.74c.74.09 1.43-.2 2.14-.37c.9-.24 1.81-.49 2.68-.84c.24-.11.18-.34-.17-.43c-1.15-.36-2.31-.69-3.48-1.01c-.29-.07-.6-.1-.9-.1h-.33zm12.52 0c-.3 0-.6.03-.89.1c-1.16.32-2.33.65-3.48 1c-.35.09-.41.32-.17.44c.87.34 1.78.59 2.68.84c.71.17 1.4.45 2.14.37c.44-.04.89-.31 1.04-.74c.2-.46.18-1.01-.04-1.44c-.24-.42-.74-.58-1.2-.57zM6.73 8.64c-.04 0-.11.03-.17.07c-.73.58-1.41 1.25-2.07 1.9c-.5.53-1.08.99-1.37 1.67c-.18.4-.2.9.1 1.24c.32.37.81.66 1.31.66c.49 0 .88-.37 1.11-.77c.15-.26.25-.55.34-.84c.31-1.17.6-2.37.87-3.55c.07-.26.03-.41-.1-.39zm1.57.07c-.08.02-.14.1-.13.24c.14.92.37 1.81.6 2.71c.21.7.33 1.48.77 2.08c.25.36.69.59 1.14.5c.48-.09.95-.38 1.21-.8c.24-.4.13-.92-.11-1.32c-.15-.26-.36-.48-.57-.7c-.86-.85-1.73-1.69-2.61-2.51c-.13-.13-.22-.18-.3-.17z"/></svg>Comment utiliser l'icône Viewpoint
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:viewpoint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:viewpoint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:viewpoint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--viewpoint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:viewpoint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:viewpoint"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/temaki/viewpoint.svg" alt="Icône Viewpoint" width="24" height="24">L'icône Viewpoint dans d'autres collections
FAQ : Icône Viewpoint
L'icône Viewpoint est-elle gratuite pour un usage commercial ?
Oui. Les Temaki icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Viewpoint dans React ?
Installez @iconify/react et affichez <Icon icon="temaki:viewpoint" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Viewpoint à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/temaki/viewpoint.svg" alt="Icône Viewpoint">, ou collez le code SVG directement dans la page pour le styliser en CSS.