Playlist 2 Bold icon

solar:playlist-2-bold

The Playlist 2 Bold icon (solar:playlist-2-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: List
Tags: playlistbold

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="M19.3446 5.99286C19.6232 5.8902 19.9559 5.80212 20.3149 5.8678C20.7572 5.9487 21.1513 6.19672 21.4156 6.56043C21.6302 6.85569 21.6948 7.19367 21.7228 7.48928C21.75 7.77699 21.75 8.13579 21.75 8.5446L21.75 8.57892L21.7501 8.65454C21.7509 8.95464 21.7518 9.27516 21.644 9.57044C21.559 9.80354 21.4254 10.0159 21.252 10.1934C21.0324 10.4183 20.7431 10.5562 20.4722 10.6854L20.404 10.718L18.6185 11.575C18.25 11.752 17.9266 11.9072 17.6554 12.0071C17.3936 12.1036 17.0842 12.1872 16.75 12.1425V16.4286C16.75 18.2429 15.3147 19.75 13.5 19.75C11.6853 19.75 10.25 18.2429 10.25 16.4286C10.25 14.6143 11.6853 13.1071 13.5 13.1071C14.1477 13.1071 14.747 13.2991 15.25 13.6285V10H15.2529C15.25 9.83117 15.25 9.64889 15.25 9.45542L15.25 9.42108L15.2499 9.34547C15.2491 9.04537 15.2482 8.72485 15.356 8.42957C15.441 8.19646 15.5746 7.98411 15.748 7.80658C15.9676 7.5817 16.2569 7.44376 16.5278 7.31461L16.596 7.282L18.3814 6.42498C18.75 6.24806 19.0734 6.09278 19.3446 5.99286Z"/><path fill-rule="evenodd" d="M2.25 5C2.25 4.58579 2.58579 4.25 3 4.25H15C15.4142 4.25 15.75 4.58579 15.75 5C15.75 5.41421 15.4142 5.75 15 5.75H3C2.58579 5.75 2.25 5.41421 2.25 5ZM2.25 9C2.25 8.58579 2.58579 8.25 3 8.25H13C13.4142 8.25 13.75 8.58579 13.75 9C13.75 9.41421 13.4142 9.75 13 9.75H3C2.58579 9.75 2.25 9.41421 2.25 9ZM2.25 13C2.25 12.5858 2.58579 12.25 3 12.25H9C9.41421 12.25 9.75 12.5858 9.75 13C9.75 13.4142 9.41421 13.75 9 13.75H3C2.58579 13.75 2.25 13.4142 2.25 13ZM2.25 17C2.25 16.5858 2.58579 16.25 3 16.25H8C8.41421 16.25 8.75 16.5858 8.75 17C8.75 17.4142 8.41421 17.75 8 17.75H3C2.58579 17.75 2.25 17.4142 2.25 17Z" clip-rule="evenodd"/></g></svg>

How to use the Playlist 2 Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:playlist-2-bold"></iconify-icon>

HTML image

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

Related icons in Solar

Playlist 2 Bold icon FAQ

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

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

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

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

Browse all Solar icons →