Ikon Playlist 2 Outline

solar:playlist-2-outline

Ikon Playlist 2 Outline (solar:playlist-2-outline) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Daftar
Tag: playlistoutline

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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 5ZM19.8632 7.40036C19.667 7.47267 19.4083 7.59593 18.9996 7.79212L17.2451 8.63429C17.0656 8.72043 16.9633 8.76996 16.8888 8.81194C16.843 8.83773 16.8253 8.85121 16.8207 8.85503C16.7963 8.88014 16.7774 8.9101 16.7654 8.94296C16.7639 8.94872 16.7594 8.97052 16.756 9.02297C16.7504 9.10834 16.75 9.22201 16.75 9.42108C16.75 9.87446 16.7508 10.161 16.7705 10.3692C16.7827 10.4972 16.7991 10.5513 16.8044 10.5665C16.8397 10.6108 16.889 10.6418 16.9442 10.6545C16.9602 10.6527 17.0161 10.6441 17.1368 10.5996C17.333 10.5273 17.5917 10.4041 18.0004 10.2079L19.7549 9.36571C19.9344 9.27957 20.0367 9.23004 20.1112 9.18806C20.1571 9.16226 20.1748 9.14878 20.1793 9.14496C20.2037 9.11985 20.2226 9.08989 20.2346 9.05703C20.2361 9.05125 20.2406 9.02945 20.244 8.97703C20.2496 8.89166 20.25 8.77799 20.25 8.57892C20.25 8.12554 20.2492 7.83903 20.2295 7.63082C20.2173 7.50277 20.2009 7.44867 20.1956 7.4335C20.1603 7.38919 20.111 7.35817 20.0558 7.34553C20.0398 7.34726 19.9839 7.35589 19.8632 7.40036ZM16.7658 8.9413C16.7659 8.94135 16.7657 8.94202 16.7654 8.94296L16.7658 8.9413ZM16.8194 8.85619C16.8194 8.85618 16.8198 8.85577 16.8207 8.85503L16.8194 8.85619ZM19.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.5446V8.57892C21.75 8.60396 21.7501 8.62917 21.7501 8.65453C21.7509 8.95464 21.7518 9.27515 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.6854C20.4494 10.6963 20.4266 10.7072 20.404 10.718L18.6185 11.575C18.25 11.7519 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.83116 15.25 9.64888 15.25 9.4554L15.25 9.42108C15.25 9.39604 15.2499 9.37083 15.2499 9.34547C15.2491 9.04536 15.2482 8.72485 15.356 8.42957C15.441 8.19646 15.5746 7.9841 15.748 7.80658C15.9676 7.5817 16.2569 7.44376 16.5278 7.31461C16.5506 7.30369 16.5734 7.29284 16.596 7.282L18.3814 6.42498C18.75 6.24805 19.0734 6.09278 19.3446 5.99286ZM15.25 16.4286C15.25 15.4026 14.4467 14.6071 13.5 14.6071C12.5533 14.6071 11.75 15.4026 11.75 16.4286C11.75 17.4546 12.5533 18.25 13.5 18.25C14.4467 18.25 15.25 17.4546 15.25 16.4286ZM2.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"/></svg>

Cara memakai ikon Playlist 2 Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:playlist-2-outline"></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-outline"></iconify-icon>

Gambar HTML

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

Ikon terkait di Solar

FAQ Ikon Playlist 2 Outline

Apakah ikon Playlist 2 Outline gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Playlist 2 Outline di React?

Pasang @iconify/react lalu render <Icon icon="solar:playlist-2-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Playlist 2 Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/playlist-2-outline.svg" alt="Ikon Playlist 2 Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →