Skateboarding Broken icon

solar:skateboarding-broken

The Skateboarding Broken icon (solar:skateboarding-broken) 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: skateboardingbroken

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 19H10M21 17L19.7959 18.3379C19.4166 18.7594 18.8762 19 18.3093 19H14"/><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 Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Skateboarding Broken icon FAQ

Is the Skateboarding Broken 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 Broken icon in React?

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

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

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

Browse all Solar icons →