ICONYZ
Français
Icône Bicycle de Font-GIS

Icône Bicycle

gis:bicycle

L'icône Bicycle (gis:bicycle) est une icône SVG gratuite de la collection Font-GIS par Jean-Marc Viglino. Elle est dessinée sur une grille de 100 × 100. Les Font-GIS 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
Font-GIS
Auteur
Jean-Marc Viglino
Licence
CC-BY-4.0
Taille
100 × 100
Catégorie
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" fill-rule="evenodd" d="M70.085 20.314h.214c1.496.32 2.671 1.175 3.633 2.35c.961 1.176 1.602 3.099.961 5.022c-.748 1.602-2.243 2.564-3.312 2.991c-.64.214-.961.214-1.496.32c.107.321.214.749.428 1.283c.32.427.534 1.068.534 1.71c.962 2.884 1.923 5.875 2.885 8.76c2.136-.855 4.487-1.389 6.944-1.389c10.577 0 19.124 8.654 19.124 19.23c0 10.578-8.547 19.125-19.124 19.125s-19.23-8.547-19.23-19.124c0-6.41 3.098-11.966 7.905-15.492c-.32-.747-.534-1.495-.748-2.35L51.816 62.301v.32c0 2.244-1.389 4.274-3.525 5.022l-1.069 5.022c2.137 1.495.748 4.807-1.71 4.38l-2.884-.427c-2.564-.428-2.778-4.167-.213-4.808l.961-5.022c-.641-.534-1.068-1.175-1.496-1.923l-3.953-.213c-1.923 8.654-8.867 15.064-18.803 15.064C9.294 79.716 0 71.169 0 60.592s8.547-19.23 19.124-19.23c2.778 0 5.342.64 7.8 1.709l5.661-8.975l-1.495-4.273c-3.42-1.496-3.953-2.137-3.953-3.205c-.107-.962.534-2.244 3.098-2.244h9.936c1.603 0 2.457.534 2.457 1.923s-1.816 1.816-3.525 2.35c-.748.321-1.71.855-2.778 1.176l.64 2.136l28.206-.534v-.107c-.107-1.175.214-3.205 1.71-4.273l.32-.32l.427-.107c1.069-.321 1.923-.428 2.35-.642c.428-.106.321 0 .321-.106l-.107-.107c-.213-.32-.64-.534-.854-.641c-2.458 0-5.022.107-7.586.213l-.214-4.914c2.671 0 5.45-.214 8.227-.107zM66.667 36.34l-27.992.427l6.731 19.658l.427-2.137c-1.923-1.388-.854-4.487 1.496-4.38h.427l2.778.427c2.671.428 2.778 4.274.107 4.808l-.214 1.282l16.56-19.017a13 13 0 0 0-.32-1.068m-32.052 3.632l-3.525 5.663c4.166 3.312 6.944 8.333 7.158 14.102l3.205.214zm46.261 6.304c-2.03 0-3.846.427-5.555 1.068a188 188 0 0 0 1.282 4.06c.961 2.35 2.03 4.487 3.418 5.876c.214-.107.535-.107.855-.107c1.816 0 3.312 1.496 3.312 3.419c0 1.816-1.496 3.419-3.312 3.312c-1.496 0-2.778-.855-3.205-2.244c-3.098-2.35-4.487-5.662-5.662-8.44v-.107c-.321-.961-.641-2.03-.962-2.991c-2.778 2.67-4.487 6.303-4.487 10.47c0 7.906 6.303 14.316 14.316 14.316c7.906 0 14.316-6.41 14.316-14.316s-6.41-14.316-14.316-14.316m-61.752 0c-7.906 0-14.316 6.41-14.316 14.316s7.051 14.316 14.316 14.316s12.18-4.487 13.782-10.684l-11.859-.854c-.641.427-1.282.534-1.923.534c-.427 0-.855 0-1.282-.214c-.962-.214-1.816-.961-1.923-1.923h-.107a3.3 3.3 0 0 1 0-2.03c.32-.961.962-1.816 1.923-2.243l6.517-10.257q-2.404-.96-5.128-.961m9.295 3.525l-5.556 8.868l10.47.748c-.32-3.953-2.136-7.265-4.914-9.616" color="currentColor"/></svg>

Comment utiliser l'icône Bicycle

React

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

<Icon icon="gis:bicycle" width="24" />

Vue

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

<template>
  <Icon icon="gis:bicycle" width="24" />
</template>

Svelte

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

<Icon icon="gis:bicycle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--bicycle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:bicycle"></div>

Web component

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

<iconify-icon icon="gis:bicycle"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/gis/bicycle.svg" alt="Icône Bicycle" width="24" height="24">

L'icône Bicycle dans d'autres collections

FAQ : Icône Bicycle

L'icône Bicycle est-elle gratuite pour un usage commercial ?

Oui. Les Font-GIS 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 Bicycle dans React ?

Installez @iconify/react et affichez <Icon icon="gis:bicycle" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Bicycle à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/gis/bicycle.svg" alt="Icône Bicycle">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Font-GIS →