Icône Pedal 24
qlementine-icons:pedal-24
L'icône Pedal 24 (qlementine-icons:pedal-24) est une icône SVG gratuite de la collection Qlementine Icons par Olivier Cléro. Elle est dessinée sur une grille de 24 × 24. Les Qlementine Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Qlementine Icons
- Auteur
- Olivier Cléro
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Instruments
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.44 2.18c-.436.856-.436 1.98-.436 4.22v4.65l.025-.025c.548-.548 1.24-.794 2.12-.911C7 10 8.09 10 9.47 10h5.08c1.38 0 2.47 0 3.32.114c.872.117 1.57.363 2.12.91l.025.026V6.4c0-2.24 0-3.36-.436-4.22a4.03 4.03 0 0 0-1.75-1.75c-.856-.436-1.98-.436-4.22-.436h-3.2c-2.24 0-3.36 0-4.22.436a4.03 4.03 0 0 0-1.75 1.75zM8 5A2 2 0 1 0 8.001.999A2 2 0 0 0 8 5m10-2a2 2 0 1 1-4.001.001A2 2 0 0 1 18 3m-6 6a2 2 0 1 0 .001-4.001A2 2 0 0 0 12 9" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M20 16.5c0-1.43-.001-2.45-.105-3.23c-.102-.762-.296-1.21-.627-1.54s-.781-.524-1.54-.627c-.776-.104-1.8-.105-3.23-.105h-5c-1.43 0-2.45.001-3.23.105c-.762.102-1.21.296-1.54.627s-.524.781-.627 1.54c-.104.776-.105 1.8-.105 3.23v1.1c0 2.24 0 3.36.436 4.22c.384.753.995 1.36 1.75 1.75c.856.436 1.98.436 4.22.436h3.2c2.24 0 3.36 0 4.22-.436a4.03 4.03 0 0 0 1.75-1.75c.436-.856.436-1.98.436-4.22v-1.1zM6 17c0-.932 0-1.4.152-1.77c.203-.49.592-.879 1.08-1.08c.368-.152.833-.152 1.77-.152h6c.932 0 1.4 0 1.77.152c.49.203.879.592 1.08 1.08c.152.368.152.834.152 1.77s0 1.4-.152 1.77c-.203.49-.592.879-1.08 1.08c-.368.152-.834.152-1.77.152h-6c-.932 0-1.4 0-1.77-.152a2 2 0 0 1-1.08-1.08C6 18.402 6 17.936 6 17" clip-rule="evenodd"/></svg>Comment utiliser l'icône Pedal 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:pedal-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:pedal-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:pedal-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--pedal-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:pedal-24"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:pedal-24"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/pedal-24.svg" alt="Icône Pedal 24" width="24" height="24">Icônes similaires dans Qlementine Icons
FAQ : Icône Pedal 24
L'icône Pedal 24 est-elle gratuite pour un usage commercial ?
Oui. Les Qlementine Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pedal 24 dans React ?
Installez @iconify/react et affichez <Icon icon="qlementine-icons:pedal-24" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pedal 24 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/qlementine-icons/pedal-24.svg" alt="Icône Pedal 24">, ou collez le code SVG directement dans la page pour le styliser en CSS.