Icono Skateboard
flat-ui:skateboard
El icono Skateboard (flat-ui:skateboard) es un icono SVG gratuito de la colección Flat UI Icons de Designmodo, Inc.. Está dibujado en una cuadrícula de 100 × 100. Flat UI 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
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licencia
- MIT
- Tamaño
- 100 × 100
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#E64B3C" d="M50 0c27.613 0 50 22.386 50 50s-22.387 50-50 50C22.386 100 0 77.614 0 50S22.386 0 50 0"/><defs><circle id="SVGifCBlePx" cx="50" cy="50" r="50"/></defs><clipPath id="SVGtcVZrdEc"><use href="#SVGifCBlePx"/></clipPath><g clip-path="url(#SVGtcVZrdEc)"><path fill="#C03A2B" d="m35 25l-67 67l27 27h57V29z"/><path fill="#EBECED" d="M50 20c14.359 0 26 11.641 26 26v43c0 14.359-11.641 26-26 26s-26-11.641-26-26V46c0-14.359 11.641-26 26-26"/><path fill="#A1A5A9" d="M46 43h8a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3V46a3 3 0 0 1 3-3"/><path fill="#2D3E50" d="M50 45a1 1 0 1 1 .002 1.998A1 1 0 0 1 50 45"/><path fill="#BDC2C7" d="M51 49H36v3h10v4a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-4h10v-3z"/><path fill="#2D3E50" d="M50 53a2 2 0 1 1-.001 4.001A2 2 0 0 1 50 53"/><path fill="#35495E" d="M66 43h4a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3"/><path fill="#2D3E50" d="M66 43h4v15h-4z"/><path fill="#35495E" d="M30 43h4a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3"/><path fill="#2D3E50" d="M30 43h4v15h-4z"/><path fill="#F29C1F" d="M50 69c-6.075 0-11 4.925-11 11c0 3.859 1.992 7.25 5 9.213V91.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0 3 0a1.5 1.5 0 0 0 3 0v-2.287c3.008-1.963 5-5.354 5-9.213c0-6.075-4.925-11-11-11m-3.5 14a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5m7 0a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5"/><path fill="#919598" d="M37 53h9v-2h-9zm17-2v2h9v-2z"/><path fill="#D4D5D6" d="M37 51h6v2h-6zm20 0h6v2h-6z"/><path fill="#AAAFB4" d="M54 51h9v1h-9zm-17 0h9v1h-9z"/></g></svg>
Cómo usar el icono Skateboard
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:skateboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:skateboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:skateboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--skateboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:skateboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:skateboard"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/skateboard.svg" alt="Icono Skateboard" width="24" height="24">
El icono Skateboard en otras colecciones
Preguntas frecuentes sobre Icono Skateboard
¿El icono Skateboard es gratis para uso comercial?
Sí. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Skateboard en React?
Instala @iconify/react y renderiza <Icon icon="flat-ui:skateboard" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Skateboard a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flat-ui/skateboard.svg" alt="Icono Skateboard">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Flat UI Icons →
ICONYZ
