Icône Eye Frame
pepicons-pencil:eye-frame
L'icône Eye Frame (pepicons-pencil:eye-frame) est une icône SVG gratuite de la collection Pepicons Pencil par CyCraft. Elle est dessinée sur une grille de 20 × 20. Les Pepicons Pencil icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Pepicons Pencil
- Auteur
- CyCraft
- Licence
- CC-BY-4.0
- Taille
- 20 × 20
- Mots-clés
- eyeframe
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.826 12.518c.787.442 1.907.732 3.172.732s2.386-.29 3.173-.732c.802-.452 1.16-.997 1.16-1.487s-.358-1.035-1.16-1.486c-.787-.443-1.907-.732-3.173-.732c-1.265 0-2.385.289-3.172.732c-.803.451-1.161.996-1.161 1.486s.358 1.035 1.16 1.487m-.49.871c-.947-.532-1.671-1.346-1.671-2.358c0-1.011.724-1.825 1.67-2.358c.963-.541 2.26-.86 3.663-.86c1.405 0 2.7.319 3.663.86c.947.533 1.67 1.347 1.67 2.358s-.723 1.826-1.67 2.358c-.962.542-2.258.861-3.663.861s-2.7-.32-3.662-.86"/><path d="M9.998 6a.5.5 0 0 1 .5.5v1.813a.5.5 0 0 1-1 0V6.5a.5.5 0 0 1 .5-.5m2.515.312a.5.5 0 0 1 .392.588l-.302 1.51a.5.5 0 1 1-.98-.196l.302-1.51a.5.5 0 0 1 .588-.392m-5.029 0a.5.5 0 0 0-.393.588l.303 1.51a.5.5 0 0 0 .98-.196l-.302-1.51a.5.5 0 0 0-.588-.392m-2.576.968a.5.5 0 0 0-.172.686l.907 1.51a.5.5 0 0 0 .857-.515l-.906-1.51a.5.5 0 0 0-.686-.171m10.181 0a.5.5 0 0 1 .171.686l-.906 1.51a.5.5 0 0 1-.857-.515l.906-1.51a.5.5 0 0 1 .686-.171"/><path d="M8.988 10.73a1.01 1.01 0 1 0 2.02 0a1.01 1.01 0 0 0-2.02 0m1.01 2.01a2.01 2.01 0 1 1 0-4.021a2.01 2.01 0 0 1 0 4.02M2 4a2 2 0 0 1 2-2h1.962a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v2.25a.5.5 0 0 1-1 0zm11.25-1.5a.5.5 0 0 1 .5-.5H16a2 2 0 0 1 2 2v2.25a.5.5 0 0 1-1 0V4a1 1 0 0 0-1-1h-2.25a.5.5 0 0 1-.5-.5M2.5 12.962a.5.5 0 0 1 .5.5V16a1 1 0 0 0 1 1h2.25a.5.5 0 0 1 0 1H4a2 2 0 0 1-2-2v-2.539a.5.5 0 0 1 .5-.5m15 .288a.5.5 0 0 1 .5.5V16a2 2 0 0 1-2 2h-2.25a.5.5 0 0 1 0-1H16a1 1 0 0 0 1-1v-2.25a.5.5 0 0 1 .5-.5"/></g></svg>
Comment utiliser l'icône Eye Frame
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pencil:eye-frame" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pencil:eye-frame" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pencil:eye-frame" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pencil--eye-frame]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pencil -->
<div class="i-pepicons-pencil:eye-frame"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pencil:eye-frame"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/pepicons-pencil/eye-frame.svg" alt="Icône Eye Frame" width="24" height="24">
Icônes similaires dans Pepicons Pencil
L'icône Eye Frame dans d'autres collections
FAQ : Icône Eye Frame
L'icône Eye Frame est-elle gratuite pour un usage commercial ?
Oui. Les Pepicons Pencil icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Eye Frame dans React ?
Installez @iconify/react et affichez <Icon icon="pepicons-pencil:eye-frame" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Eye Frame à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pepicons-pencil/eye-frame.svg" alt="Icône Eye Frame">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Pepicons Pencil →
ICONYZ
