Icône Swipe Right
openmoji:swipe-right
L'icône Swipe Right (openmoji:swipe-right) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- OpenMoji
- Auteur
- OpenMoji
- Licence
- CC-BY-SA-4.0
- Taille
- 72 × 72
- Catégorie
- Extras OpenMoji
- Mots-clés
- swiperight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="33" cy="12" r="4" fill="#92d3f5"/><g fill="#fcea2b"><path d="M39.955 36.82a2.38 2.38 0 0 1 2.377 2.377v.632h-4.76v-.626a2.385 2.385 0 0 1 2.383-2.384Zm5.855.2a2.38 2.38 0 0 1 2.377 2.378v.632h-4.761v-.626a2.385 2.385 0 0 1 2.383-2.383Zm8.222 3.613l-4.067.062v-1.403c0-1.316.807-1.966 2.123-1.966l.157-.022c.938.067 1.787.563 1.787 1.877z"/><path d="m29.152 56.928l1.567 2.285c.137.2.309.373.507.513l4.546 3.207c.257.182.553.301.864.35l4.718.558c.344.053 2.37-.149 2.697-.27l3.188-1.377c.258-.096 1.871-1.178 2.07-1.368l1.966-2.042c.115-.11 1.06-1.495 1.146-1.628l.915-1.917c.19-.29.39-1.049.414-1.396l.29-1.513c.003-.049.173-1.5.173-1.55l.102-8.955a2.04 2.04 0 0 0-2.006-2.036l-14.076-.24a2.04 2.04 0 0 1-2.006-2.038l-.028-16.983l-.064-.144c.112-.314.037-.398.048-.75c.04-1.294-.65-2.28-2.06-2.363c-.826-.049-2.198.771-2.235 1.804c-.013.352-.094.67.018.984l-.036 1.604l-.045 19.034l-.99-1.27a2 2 0 0 0-.114-.134L28.778 37.2a2.04 2.04 0 0 0-1.092-.612l-2.246-.454a2.04 2.04 0 0 0-1.257.146l-.721.332a2.042 2.042 0 0 0-.83 3.01l3.402 4.956q.186.271.277.586l.694 2.386q.05.174.07.354l.435 4.1q.01.105.033.21l.373 1.753q.038.182.11.355l.923 2.232q.081.197.203.375Z"/></g><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M40.568 11.595s7.21 0 14.42 4.807"/><path fill="none" d="m54.624 10l1.307 7.239m-7.239 1.307l7.239-1.307m-.911 33.308c0 7.806-6.328 14.135-14.135 14.135S26.75 58.353 26.75 50.547m28.271-.751V39.488m-6.006-.252a3.006 3.006 0 1 1 6.007.252m-12.018-.452a3.006 3.006 0 0 1 6.008.252"/><path fill="none" d="M43.008 38.921a3.006 3.006 0 0 1 5.993.482m-12.041-.777a3.007 3.007 0 0 1 6 .384m-20.564 1.526a3.006 3.006 0 0 1 4.325-4.178m4.225-16.95a3.006 3.006 0 1 1 6.013 0m0 19.186V19.408m-6.013 0V43.28m-2.543-5.02l-1.682-1.902m-2.806 6.17c1.677 1.842 2.897 4.439 2.835 8.18m-4.354-10.173l1.565 2.045m11.566-28.962a3 3 0 1 0-4.648.503"/></g></svg>Comment utiliser l'icône Swipe Right
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:swipe-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:swipe-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:swipe-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--swipe-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:swipe-right"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:swipe-right"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/swipe-right.svg" alt="Icône Swipe Right" width="24" height="24">Icônes similaires dans OpenMoji
L'icône Swipe Right dans d'autres collections
FAQ : Icône Swipe Right
L'icône Swipe Right est-elle gratuite pour un usage commercial ?
Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Swipe Right dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:swipe-right" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Swipe Right à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/swipe-right.svg" alt="Icône Swipe Right">, ou collez le code SVG directement dans la page pour le styliser en CSS.