Skateboarding Linear icon

solar:skateboarding-linear

The Skateboarding Linear icon (solar:skateboarding-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Sports
Tags: skateboardinglinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3 17L4.20414 18.3379C4.58342 18.7594 5.12375 19 5.69073 19H18.3093C18.8762 19 19.4166 18.7594 19.7959 18.3379L21 17"/><circle cx="19" cy="4" r="2"/><path stroke-linecap="round" d="M15 16.5004V15.2496C15 15.1657 15 15.1237 14.999 15.0843C14.9732 14.1062 14.4721 13.2021 13.6563 12.6619C13.6234 12.6401 13.5842 12.6155 13.5057 12.5665C13.4089 12.506 13.3604 12.4757 13.3291 12.4545C12.241 11.7158 12.1498 10.1461 13.145 9.2863C13.1735 9.2616 13.2125 9.23044 13.2903 9.16819L13.7358 8.81177C14.7607 7.99187 14.5413 6.37526 13.3349 5.85825C12.8119 5.6341 12.2123 5.68028 11.7297 5.98186L8.5 8.00044"/><path stroke-linecap="round" d="M7 15.5H7.37868C8.73694 15.5 10.0396 14.9604 11 14"/><path stroke-linecap="round" d="M16.5 10C17.8131 10.3283 19.1869 10.3283 20.5 10"/><path stroke-linecap="round" stroke-linejoin="round" d="M7 21H7.0001"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 21H17.0001"/></g></svg>

How to use the Skateboarding Linear icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:skateboarding-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:skateboarding-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:skateboarding-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--skateboarding-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:skateboarding-linear"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:skateboarding-linear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/skateboarding-linear.svg" alt="Skateboarding Linear icon" width="24" height="24">

Related icons in Solar

Skateboarding Linear icon FAQ

Is the Skateboarding Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Skateboarding Linear icon in React?

Install @iconify/react and render <Icon icon="solar:skateboarding-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Skateboarding Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/skateboarding-linear.svg" alt="Skateboarding Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →