Icono Bicycle
fxemoji:bicycle
El icono Bicycle (fxemoji:bicycle) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, 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
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Lugares
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#76DFFF" d="M198.566 288.721a12.5 12.5 0 0 1-9.662-4.549c-13.795-16.703-33.46-29.026-55.374-34.699c-22.096-5.721-45.059-4.24-64.658 4.17c-6.354 2.726-13.718-.214-16.445-6.57s.214-13.718 6.57-16.445c50.554-21.693 113.309-5.881 149.216 37.596c4.404 5.332 3.651 13.225-1.681 17.629a12.47 12.47 0 0 1-7.966 2.868m295.377-21.023c4.338-5.386 3.488-13.268-1.897-17.606c-43.915-35.372-108.567-38.245-153.727-6.832c-5.677 3.949-7.078 11.753-3.129 17.43c3.949 5.678 11.755 7.078 17.43 3.129c17.508-12.178 39.706-18.244 62.498-17.083c22.606 1.152 44.348 9.271 61.219 22.859a12.47 12.47 0 0 0 7.847 2.771c3.659 0 7.286-1.596 9.759-4.668"/><path fill="#00B1FF" d="m416.114 340.069l-91.899-121.577l24.525-52.323c2.71-5.783.22-12.667-5.562-15.377s-12.666-.219-15.377 5.562l-23.353 49.822l-103.238-9.869l-10.403-35.278a11.6 11.6 0 0 0-3.261-5.238L152.022 123.1c-4.699-4.324-12.014-4.021-16.338.678s-4.021 12.014.678 16.338l33.168 30.524l10.253 34.769L96.55 340.992c-3.341 5.442-1.638 12.562 3.805 15.904a11.556 11.556 0 0 0 15.903-3.805l76.645-124.85l59.701 86.39l-11.672 27.063c-.038.089-.062.182-.098.272a12 12 0 0 0-.434 1.279q-.134.495-.223.994c-.017.096-.04.191-.054.288a11.5 11.5 0 0 0-.097 2.631c.009.113.025.226.037.339q.05.478.141.949q.039.203.083.404q.11.475.259.938c.034.106.061.213.098.318q.214.611.495 1.195c.036.074.079.144.116.217q.246.485.538.946c.029.046.05.095.08.141c.038.057.084.107.122.164q.29.429.622.832c.064.078.125.159.192.235a11.5 11.5 0 0 0 1.955 1.796c.089.064.182.121.273.182q.395.271.818.512q.207.115.419.223c.124.064.241.136.369.196c.122.057.246.096.369.149q.266.115.537.216c.264.098.528.181.795.259c.159.046.316.094.477.133c.318.078.637.136.958.186c.121.019.239.044.361.059c.468.058.937.094 1.404.094l.067-.002l155.225.767h.058c4.375 0 8.379-2.471 10.339-6.386a11.57 11.57 0 0 0-1.119-12.151M215.974 220.95l78.051 7.461l-29.461 62.852zm53.723 113.851l43.422-92.638l70.449 93.2z"/><path fill="#464A4C" d="M106.404 241.302c-58.399 0-105.74 47.342-105.74 105.74s47.341 105.74 105.74 105.74s105.74-47.341 105.74-105.74s-47.341-105.74-105.74-105.74m0 29.218c42.195 0 76.523 34.328 76.523 76.523s-34.328 76.523-76.523 76.523s-76.523-34.328-76.523-76.523s34.328-76.523 76.523-76.523m300.487-29.218c-58.399 0-105.74 47.342-105.74 105.74s47.341 105.74 105.74 105.74s105.74-47.341 105.74-105.74s-47.341-105.74-105.74-105.74m0 29.218c42.195 0 76.523 34.328 76.523 76.523s-34.328 76.523-76.523 76.523s-76.523-34.328-76.523-76.523s34.328-76.523 76.523-76.523M183.404 148.524c-50.608 0-66.799-21.862-68.479-24.354a12.523 12.523 0 0 1 10.385-19.519h35.373c6.916 0 12.522 5.606 12.522 12.522c0 2.101-.517 4.08-1.431 5.818c3.545.312 7.414.49 11.63.49c6.916 0 12.522 5.606 12.522 12.522s-5.606 12.521-12.522 12.521m-64.135 198.518c0 7.105-5.76 12.865-12.865 12.865s-12.865-5.76-12.865-12.865s5.76-12.865 12.865-12.865s12.865 5.76 12.865 12.865m300.399 0c0 7.057-5.721 12.777-12.777 12.777c-7.057 0-12.777-5.72-12.777-12.777s5.721-12.777 12.777-12.777c7.057 0 12.777 5.721 12.777 12.777M293.173 147.466l65.803-5.372c9.994-.816 18.757 6.625 19.573 16.618c.816 9.994-6.625 18.757-16.618 19.573q-1.137.092-2.248.046l-2.448-.12l-65.392-3.154c-7.587-.366-13.441-6.813-13.075-14.4c.337-6.985 5.827-12.5 12.617-13.047z"/><circle cx="251.549" cy="346.274" r="24.348" fill="#597B91"/></svg>Cómo usar el icono Bicycle
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bicycle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bicycle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bicycle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bicycle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bicycle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bicycle"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/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í. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bicycle en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji: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/fxemoji/bicycle.svg" alt="Icono Bicycle">, o pega el código SVG en línea para darle estilo con CSS.