ICONYZ
English
Skirt Outline icon from Solar

Skirt Outline icon

solar:skirt-outline

The Skirt Outline icon (solar:skirt-outline) 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
skirtoutline
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.84725 1.25C7.86195 1.25 7.87671 1.25001 7.8915 1.25001L16.1523 1.25C16.5984 1.24996 17.0036 1.24991 17.3324 1.29296C17.6917 1.33999 18.0709 1.45011 18.3846 1.75553C18.7011 2.06368 18.818 2.44094 18.8676 2.80014C18.9123 3.1243 18.9123 3.52236 18.9122 3.95444L18.9122 5.38934L22.6372 17.7362C22.9332 18.7175 22.6511 19.8725 21.6512 20.4724C20.1185 21.392 17.0033 22.75 11.9998 22.75C6.99629 22.75 3.88107 21.392 2.34844 20.4724C1.34849 19.8725 1.06638 18.7175 1.36243 17.7362L5.08735 5.38934V4.00001C5.08735 3.98478 5.08735 3.96958 5.08735 3.95444C5.0873 3.52236 5.08725 3.1243 5.13201 2.80014C5.18161 2.44094 5.29849 2.06368 5.61498 1.75553C5.92867 1.45011 6.30791 1.33999 6.66718 1.29296C6.99603 1.24991 7.40119 1.24996 7.84725 1.25ZM6.39448 6.25001L2.7985 18.1695C2.66267 18.6197 2.81554 19.0034 3.12016 19.1862C3.90957 19.6598 5.25522 20.3103 7.22865 20.7535L9.03424 6.25001H6.39448ZM10.5458 6.25001L8.70654 21.0241C9.68304 21.1645 10.7789 21.25 11.9998 21.25C13.2207 21.25 14.3166 21.1645 15.2931 21.0241L13.4538 6.25001H10.5458ZM14.9654 6.25001L16.7709 20.7535C18.7444 20.3103 20.09 19.6598 20.8794 19.1862C21.1841 19.0034 21.3369 18.6197 21.2011 18.1695L17.6051 6.25001H14.9654ZM17.4122 4.75001V4.00001C17.4122 3.50684 17.4106 3.21443 17.3817 3.00533C17.3685 2.90991 17.3531 2.86299 17.3445 2.84254C17.3425 2.8378 17.3409 2.83473 17.34 2.833L17.3387 2.83074C17.3386 2.83062 17.3389 2.83094 17.3387 2.83074C17.3377 2.82976 17.3369 2.82902 17.3359 2.82843C17.3348 2.8277 17.3296 2.82451 17.3178 2.81979C17.292 2.80944 17.2391 2.79354 17.1377 2.78027C16.9181 2.75152 16.6129 2.75001 16.1081 2.75001H7.8915C7.38668 2.75001 7.08154 2.75152 6.86187 2.78027C6.76052 2.79354 6.70759 2.80944 6.68176 2.81979C6.66998 2.82451 6.66482 2.8277 6.66366 2.82843C6.66274 2.82902 6.66239 2.82928 6.66138 2.83026C6.66118 2.83046 6.6615 2.83014 6.66138 2.83026L6.65959 2.833C6.65866 2.83473 6.65712 2.8378 6.65512 2.84254C6.64648 2.86299 6.63108 2.90991 6.61791 3.00533C6.58903 3.21443 6.58735 3.50684 6.58735 4.00001V4.75001H17.4122Z" clip-rule="evenodd"/></svg>

How to use the Skirt Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Skirt Outline icon FAQ

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

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

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

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

Browse all Solar icons →