Icono Bicycle
wpf:bicycle
El icono Bicycle (wpf:bicycle) es un icono SVG gratuito de la colección Icons8 Windows 8 Icons de Icons8. Está dibujado en una cuadrícula de 26 × 26. Icons8 Windows 8 Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Icons8 Windows 8 Icons
- Autor
- Icons8
- Licencia
- MIT
- Tamaño
- 26 × 26
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M19.5 6.719a1 1 0 0 0-.156.031a.75.75 0 0 0-.469.313c-.707 1.018-2.781.906-2.781.906a.75.75 0 0 0-.813.906s.244 1.172.719 2.875H9.906l-.281-.688c.97-.25 1.313-.37 1.313-.718c0-.334-.445-.345-.907-.344H6.687c-.469 0-.625.191-.625.75c0 1.79.837 1.184 2.094.719l.406 1.031l-3.75 7.688A.75.75 0 0 0 5.5 21.25h6.656a.75.75 0 0 0 1.125-.531l3.813-5.563c.699 1.89 1.603 3.932 2.781 5.75a.75.75 0 1 0 1.25-.812c-1.545-2.386-2.556-5.094-3.219-7.219l-.218-.594a37 37 0 0 1-.72-2.844c.931-.013 2.232-.168 3.157-1.5A.75.75 0 0 0 19.5 6.72zm-9.031 6.531h5.969c.002.009-.003.022 0 .031l.03.094l-3.78 5.531zm-1.156 1.125l2.093 5.375H6.687zm-3.813.813A5.31 5.31 0 0 0 .187 20.5A5.31 5.31 0 0 0 5.5 25.813c2.336 0 4.288-1.531 5-3.625H8.594c-.605 1.102-1.752 1.875-3.094 1.875A3.57 3.57 0 0 1 1.937 20.5c0-1.903 1.525-3.44 3.407-3.531l.812-1.719c-.218-.027-.431-.063-.656-.063zm15 0c-.254 0-.505.027-.75.062c.224.559.486 1.127.75 1.688a3.57 3.57 0 0 1 3.563 3.562a3.57 3.57 0 0 1-3.563 3.563a3.57 3.57 0 0 1-3.563-3.563c0-.702.211-1.355.563-1.906c-.29-.602-.535-1.213-.781-1.813a5.33 5.33 0 0 0-1.532 3.719a5.31 5.31 0 0 0 5.313 5.313a5.31 5.31 0 0 0 5.313-5.313a5.31 5.31 0 0 0-5.313-5.313zm-11.281 1.53l-.844 1.72c.082.113.15.25.219.375H10.5c-.27-.791-.698-1.52-1.281-2.094zM902 1469v2h26v-2zm4 5v2h18v-2zm-4 5v2h26v-2zm4 5v2h18v-2zm-4 5v2h26v-2z"/></svg>Cómo usar el icono Bicycle
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:bicycle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:bicycle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:bicycle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--bicycle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:bicycle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:bicycle"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/wpf/bicycle.svg" alt="Icono Bicycle" width="24" height="24">El icono Bicycle en otras colecciones
Preguntas frecuentes sobre Icono Bicycle
¿El icono Bicycle es gratis para uso comercial?
Sí. Icons8 Windows 8 Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bicycle en React?
Instala @iconify/react y renderiza <Icon icon="wpf:bicycle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bicycle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/wpf/bicycle.svg" alt="Icono Bicycle">, o pega el código SVG en línea para darle estilo con CSS.