Icône Swipe Up
openmoji:swipe-up
L'icône Swipe Up (openmoji:swipe-up) 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
- swipeup
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="14.229" cy="31.724" r="4" fill="#92d3f5"/><path fill="#fcea2b" d="m61.47 44.012l-.733-.932l.516-.615l-14.022-11.766l-11.571 13.79l-12.79-10.731l-.118.14a3 3 0 0 0-.648-.784a3 3 0 0 0-3.857 4.596c.27.227.572.386.885.503l-.119.14L34.596 51.43l-.894-.468l-3.597.181l-3.948 3.527l.218 2.913l3.806.52l7.279.948l3.78 3.172l-.114.146l.912.524l1.217 1.02l.182-.216l.319.183l.908-.09l4.434 1.022l6.526-1.97l4.739-4.238l2.59-6.736z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M57.855 39.586c5.98 5.018 6.76 13.934 1.742 19.914s-13.934 6.76-19.914 1.743M57.28 39.104l-7.896-6.626m-4.054 4.439a3.006 3.006 0 1 1 4.055-4.44m-8.071 8.916a3.006 3.006 0 1 1 4.054-4.44"/><path d="M41.228 41.316a3.006 3.006 0 1 1 4.222-4.281m-8.337 8.725a3.006 3.006 0 0 1 4.152-4.35m-12.05 16.733a3.006 3.006 0 0 1-.42-5.998M18.527 38.013a3.007 3.007 0 0 1 3.865-4.606m14.697 12.332L22.392 33.407m-3.865 4.606l18.286 15.344m-5.48-1.278l-2.538.066m2.923 6.115c2.489-.1 5.263.634 8.088 3.086m-10.591-3.203l2.572.116M17.09 30.817a3 3 0 1 0-2.602 3.884m-1.022-10.149V7.466m-5.173 3.871l5.201-5.201m5.202 5.201l-5.202-5.201"/></g></svg>
Comment utiliser l'icône Swipe Up
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:swipe-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:swipe-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:swipe-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--swipe-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:swipe-up"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:swipe-up"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/swipe-up.svg" alt="Icône Swipe Up" width="24" height="24">
Icônes similaires dans OpenMoji
L'icône Swipe Up dans d'autres collections
FAQ : Icône Swipe Up
L'icône Swipe Up 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 Up dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:swipe-up" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Swipe Up à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/swipe-up.svg" alt="Icône Swipe Up">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes OpenMoji →
ICONYZ
