Skateboard icon
flat-ui:skateboard
The Skateboard icon (flat-ui:skateboard) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<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>
How to use the Skateboard icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/skateboard.svg" alt="Skateboard icon" width="24" height="24">
Skateboard icon in other icon sets
Skateboard icon FAQ
Is the Skateboard icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Skateboard icon in React?
Install @iconify/react and render <Icon icon="flat-ui:skateboard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Skateboard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/skateboard.svg" alt="Skateboard icon">, or paste the SVG code inline to style it with CSS.
Browse all Flat UI Icons →
ICONYZ
