ICONYZ
Français
Icône Focus Frame Target 1 de Freehand free icons

Icône Focus Frame Target 1

streamline-freehand:focus-frame-target-1

L'icône Focus Frame Target 1 (streamline-freehand:focus-frame-target-1) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free 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
Freehand free icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Images et photographie
Mots-clés
focusframe, frametarget, focusframetarget
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.336 12.185c-.61-2.06-3-1.38-3.52-.79a1.51 1.51 0 0 0-.35 1.28c.15 1.43 1 2 2.51 1.69a1.7 1.7 0 0 0 1.36-2.18m-1.63.88c-.85.19-1-.05-1.12-.59c-.06-.24-.08-.42.07-.55s1.46-1 1.63.48a.58.58 0 0 1-.58.66M1.028 6.606c.54 0 .23-.55.19-2.81c0-1.689-.1-2.299 1.8-2.579c1.07-.15 2.229 0 3.299-.05a.4.4 0 0 0 0-.79c-1.79-.14-3.96-1.03-5.84.63c-1.069 1 0 4.05.18 5.3a.33.33 0 0 0 .37.3m5.29 16.236c-1.07-.05-2.23.1-3.3-.05c-1.95-.28-1.74-1.17-1.74-1.21a25.6 25.6 0 0 1 .07-3.8a.35.35 0 1 0-.69-.06c-.14.8-.899 3.25-.58 4.61c.25 1 1.74 1.61 2.82 1.66a26 26 0 0 0 3.43-.36a.4.4 0 0 0-.01-.79M17.634 1.167c1.07.05 2.23-.1 3.3.05c1.999.28 1.739 1.17 1.749 1.21a25.4 25.4 0 0 1-.08 3.8a.35.35 0 1 0 .7.06c.13-.77.9-3.25.57-4.61c-.25-1.04-1.74-1.61-2.81-1.67a26 26 0 0 0-3.439.36a.4.4 0 0 0 .01.8m5.339 16.237c-.54.05-.23.54-.19 2.81q.015.685-.05 1.369s.21.93-1.75 1.21s-3.679-.36-3.699.44a.39.39 0 0 0 .238.369q.073.03.152.03q1.707.294 3.44.36c1.07 0 2.559-.62 2.809-1.66c.32-1.339-.45-3.908-.57-4.608a.35.35 0 0 0-.38-.32"/><path d="M17.694 12.935a9.5 9.5 0 0 0 3.28-.23a.4.4 0 0 0-.06-.79c-1.81-.1-1.88-.46-4.44-.08a4.22 4.22 0 0 0-4.139-3.83a7.74 7.74 0 0 0-.11-4.298a.35.35 0 0 0-.69.06a10.55 10.55 0 0 0-.12 4.239a5.14 5.14 0 0 0-4.609 3.799c0 .11.19.11-1.25 0a11.5 11.5 0 0 0-2.999.1a.35.35 0 1 0 0 .69c1.84.45 2.17.74 4.26.23a4.24 4.24 0 0 0 4.348 3.849a9 9 0 0 0 .21 3.6a.4.4 0 0 0 .79 0a6.83 6.83 0 0 0-.32-4.27c0-.92-1.3.92-3.209-1.22c-2.47-2.779 1.23-6.448 4.659-5.348c3 1 3 5.548-.5 5.998a.4.4 0 0 0 .07.79a3.77 3.77 0 0 0 3.38-2.4c.58-1.49-.37-1.15 1.45-.89"/></g></svg>

Comment utiliser l'icône Focus Frame Target 1

React

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

<Icon icon="streamline-freehand:focus-frame-target-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:focus-frame-target-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:focus-frame-target-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--focus-frame-target-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:focus-frame-target-1"></div>

Web component

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

<iconify-icon icon="streamline-freehand:focus-frame-target-1"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/focus-frame-target-1.svg" alt="Icône Focus Frame Target 1" width="24" height="24">

Icônes similaires dans Freehand free icons

L'icône Focus Frame Target 1 dans d'autres collections

FAQ : Icône Focus Frame Target 1

L'icône Focus Frame Target 1 est-elle gratuite pour un usage commercial ?

Oui. Les Freehand free 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 Focus Frame Target 1 dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand:focus-frame-target-1" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Focus Frame Target 1 à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/focus-frame-target-1.svg" alt="Icône Focus Frame Target 1">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand free icons →