ICONYZ
English
Skirt Bold icon from Solar

Skirt Bold icon

solar:skirt-bold

The Skirt Bold icon (solar:skirt-bold) 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
UI
Tags
skirtbold
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.1083 2H7.8917C6.92337 2 6.4392 2 6.13838 2.29289C5.83756 2.58579 5.83756 3.05719 5.83756 4V4.75H18.1624V4C18.1624 3.05719 18.1624 2.58579 17.8616 2.29289C17.5608 2 17.0766 2 16.1083 2Z"/><path d="M2.08066 17.9529L5.61129 6.25H9.03434L7.14735 21.4073C7.14337 21.4393 7.14146 21.471 7.14153 21.5024C5.04603 21.0409 3.60091 20.3491 2.7345 19.8293C2.08222 19.4379 1.86473 18.6686 2.08066 17.9529Z"/><path d="M8.59323 21.7655C9.60634 21.9115 10.7401 22 12 22C13.2598 22 14.3935 21.9115 15.4066 21.7655C15.386 21.7109 15.3715 21.6531 15.3639 21.5927L13.4539 6.25H10.5459L8.63586 21.5927C8.62833 21.6531 8.61382 21.7109 8.59323 21.7655Z"/><path d="M14.9655 6.25L16.8524 21.4073C16.8564 21.4393 16.8583 21.4711 16.8583 21.5025C18.9539 21.041 20.3991 20.3491 21.2655 19.8293C21.9178 19.4379 22.1353 18.6686 21.9193 17.9529L18.3887 6.25H14.9655Z"/></g></svg>

How to use the Skirt Bold icon

React

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

<Icon icon="solar:skirt-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:skirt-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:skirt-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:skirt-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/skirt-bold.svg" alt="Skirt Bold icon" width="24" height="24">

Related icons in Solar

Skirt Bold icon FAQ

Is the Skirt Bold 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 Skirt Bold icon in React?

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

How do I add the Skirt Bold icon to a web page?

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

Browse all Solar icons →