Icône Gesture Swipe Two Fingers Horizontal
streamline-freehand-color:gesture-swipe-two-fingers-horizontal
L'icône Gesture Swipe Two Fingers Horizontal (streamline-freehand-color:gesture-swipe-two-fingers-horizontal) est une icône SVG gratuite de la collection Freehand color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand color 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 color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface essentielle
- Mots-clés
- gestureswipe, swipetwo, twofingers, fingershorizontal, gestureswipetwofingershorizontal, finger
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M5.248 7.883a.4.4 0 0 0-.4-.41c-.48-.09-1-.21-1.46-.27a2.4 2.4 0 0 0-.37 0a6 6 0 0 0-.61 0a6 6 0 0 0-.62.14h-.2c.39-.55.86-1.21 1-1.31a.36.36 0 0 0 .08-.49a.34.34 0 0 0-.48-.07q-.92.682-1.719 1.5a3 3 0 0 0-.36.43a.65.65 0 0 0-.1.47a.8.8 0 0 0 .12.29q.239.319.53.59c.51.49 1.26 1.07 1.41 1.19a.3.3 0 0 0 .43 0a.29.29 0 0 0 0-.43c-.09-.14-.46-.72-.83-1.24h.09q.299.095.61.14q.305.024.61 0h.37c.48-.06 1-.17 1.459-.25a.4.4 0 0 0 .44-.28m18.635-.51a3 3 0 0 0-.36-.4a14.4 14.4 0 0 0-1.68-1.49a.343.343 0 1 0-.4.56c.1.1.58.78 1 1.33l-.26-.06c-.09 0-.29-.09-.61-.13q-.3-.024-.6 0a2.4 2.4 0 0 0-.37 0c-.48 0-1 .18-1.449.26a.41.41 0 0 0-.36.561a.39.39 0 0 0 .37.239c.48.08 1 .2 1.45.25h.38q.304.024.61 0a4 4 0 0 0 .6-.14h.15c-.38.53-.76 1.12-.85 1.26a.29.29 0 0 0 0 .43a.3.3 0 0 0 .43 0c.15-.13.899-.7 1.419-1.19q.283-.275.52-.59a.67.67 0 0 0 .12-.42a.65.65 0 0 0-.11-.47"/><path fill="#020202" d="M18.994 14.091a2.1 2.1 0 0 0-.95.1a2.7 2.7 0 0 0-.33-.69a1.32 1.32 0 0 0-.72-.53a2.6 2.6 0 0 0-.9-.07l-.309.06c.37-.91.91-2.289 1.34-3.489c.3-.83.54-1.57.65-1.999a5.1 5.1 0 0 0 .22-1.79a2.14 2.14 0 0 0-.6-1.28a4 4 0 0 0-2.14-1.169a2.7 2.7 0 0 0-2.32.86a3 3 0 0 0-.639 1.1c-.23-.44-.576-.81-1-1.07a3 3 0 0 0-2.08-.28a2.86 2.86 0 0 0-1.789 1.13a3.4 3.4 0 0 0-.58 1.83a5.3 5.3 0 0 0 .26 1.769l.54 2.289l.52 3c0 .07.06.43.11.56a.34.34 0 0 0 .34.269c.45 0 0-2.59-.13-3.839c0-.17-.06-.58-.12-1s-.22-1.27-.28-1.5a4.4 4.4 0 0 1-.09-1.459a2.46 2.46 0 0 1 .38-1.22a1.74 1.74 0 0 1 1-.72a1.84 1.84 0 0 1 1.24.13c.266.151.49.368.65.63c.173.288.289.608.34.94q.183 1.339.23 2.69c.09 1.999.07 4.098.07 4.098a.35.35 0 0 0 .329.36a.33.33 0 0 0 .36-.33s.14-2.1.15-4.149q.03-1.362-.09-2.719c0-.13.06-.27.1-.39a3.13 3.13 0 0 1 .76-1.43a1.81 1.81 0 0 1 1.53-.46a2.9 2.9 0 0 1 1.459.89c.204.224.315.518.31.82a7 7 0 0 1-.17 1.21q-.255 1.307-.65 2.58c0 .09-2 4.288-.94 4.368c.58 0 0-.51 1.1-.48c.195 0 .389.037.57.11c.11.05.14.17.19.29q.11.248.13.52q.01.302.06.6a.62.62 0 0 0 .24.3a.63.63 0 0 0 .64 0a1 1 0 0 1 .82-.28a.65.65 0 0 1 .34.15c.05.05.05.15.07.26q.076.431.069.87a11 11 0 0 1-.12 1.589q-.09.65-.28 1.28a3.7 3.7 0 0 1-.31.75a.34.34 0 0 0 .07.49a.34.34 0 0 0 .48-.08a3.6 3.6 0 0 0 .49-.89q.274-.669.45-1.37c.22-.798.334-1.621.34-2.45a1.92 1.92 0 0 0-.49-1.329a1.7 1.7 0 0 0-.92-.43M7.437 19.2a12 12 0 0 1-1.23-2a7.8 7.8 0 0 1-.61-2.319a1.54 1.54 0 0 1 .28-1.24a.93.93 0 0 1 .61-.31c.273-.01.543.055.78.19a.31.31 0 0 0 .463-.211a.3.3 0 0 0-.143-.309a2.1 2.1 0 0 0-1.1-.42a1.74 1.74 0 0 0-1.22.39a2.33 2.33 0 0 0-.819 2c.079.945.333 1.867.75 2.72c.444.718.964 1.389 1.55 1.999c.171.244.297.519.37.81a.35.35 0 0 0 .41.28a.33.33 0 0 0 .27-.4a2.9 2.9 0 0 0-.36-1.18"/></g></svg>Comment utiliser l'icône Gesture Swipe Two Fingers Horizontal
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:gesture-swipe-two-fingers-horizontal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:gesture-swipe-two-fingers-horizontal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:gesture-swipe-two-fingers-horizontal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--gesture-swipe-two-fingers-horizontal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:gesture-swipe-two-fingers-horizontal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:gesture-swipe-two-fingers-horizontal"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/gesture-swipe-two-fingers-horizontal.svg" alt="Icône Gesture Swipe Two Fingers Horizontal" width="24" height="24">Icônes similaires dans Freehand color icons
L'icône Gesture Swipe Two Fingers Horizontal dans d'autres collections
FAQ : Icône Gesture Swipe Two Fingers Horizontal
L'icône Gesture Swipe Two Fingers Horizontal est-elle gratuite pour un usage commercial ?
Oui. Les Freehand color 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 Gesture Swipe Two Fingers Horizontal dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-freehand-color:gesture-swipe-two-fingers-horizontal" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gesture Swipe Two Fingers Horizontal à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/gesture-swipe-two-fingers-horizontal.svg" alt="Icône Gesture Swipe Two Fingers Horizontal">, ou collez le code SVG directement dans la page pour le styliser en CSS.