Icono Riding One
icon-park:riding-one
El icono Riding One (icon-park:riding-one) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Viajes
- Etiquetas
- ridingone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M12.5804 27.5139L4 28.3194V22.6806L16.2578 17.4444V10C16.2578 10 21.9781 11.4028 22.7953 12.6111C23.6124 13.8194 22.7953 16.6389 22.7953 16.6389C26.8812 18.1157 30.7843 22.6806 30.7843 26.3056C30.7843 29.9306 29 34.5 29 34.5C27.0194 34.5 26.2898 38.7917 27.5156 40"/><path stroke-linecap="round" d="M22 26C22 28.7614 20.2091 30 18 30C15.7909 30 14 28.7614 14 26"/><path stroke-linecap="round" d="M17.3805 30C17.8186 30 18.2566 33.2 17.8186 34.8C17.3805 36.4 16.9425 37.2 13 40"/><path stroke-miterlimit="2" d="M37 16C38.1046 16 39 15.1046 39 14C39 12.8954 38.1046 12 37 12C35.8954 12 35 12.8954 35 14C35 15.1046 35.8954 16 37 16Z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" d="M26.9997 30C29.4347 30.0837 33.11 28.2269 34.9997 26.9336C37.272 25.3732 35.1346 22.923 37.7243 22.3785L39.549 21C39.549 21 40.9996 23.0664 41.9996 25C42.9997 26.9336 43.5997 32.9 41.9997 36.5H33.9997L36.9997 39.5"/></g></svg>Cómo usar el icono Riding One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:riding-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:riding-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:riding-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--riding-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:riding-one"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:riding-one"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/riding-one.svg" alt="Icono Riding One" width="24" height="24">Iconos relacionados en IconPark
El icono Riding One en otras colecciones
Preguntas frecuentes sobre Icono Riding One
¿El icono Riding One es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Riding One en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:riding-one" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Riding One a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/riding-one.svg" alt="Icono Riding One">, o pega el código SVG en línea para darle estilo con CSS.