Ikon Sidebar Open Outline

solar:sidebar-open-outline

Ikon Sidebar Open Outline (solar:sidebar-open-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
Tag: sidebaropen, openoutline, sidebaropenoutline

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.21875 8.51172C9.48828 8.19744 9.96193 8.16133 10.2764 8.43066C10.5907 8.70025 10.6269 9.17384 10.3574 9.48828L8.20508 12L10.3574 14.5117C10.6269 14.8262 10.5907 15.2997 10.2764 15.5693C9.96193 15.8386 9.48827 15.8025 9.21875 15.4883L6.64746 12.4883C6.40692 12.2075 6.40695 11.7925 6.64746 11.5117L9.21875 8.51172Z"/><path fill-rule="evenodd" d="M14.9717 2.25098C14.9811 2.25063 14.9905 2.25 15 2.25C15.0098 2.25 15.0196 2.2506 15.0293 2.25098C16.4175 2.25522 17.5589 2.27824 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C17.5589 21.7218 16.4175 21.7438 15.0293 21.748C15.0196 21.7484 15.0098 21.75 15 21.75C14.9905 21.75 14.9811 21.7484 14.9717 21.748C14.6602 21.7489 14.3365 21.75 14 21.75H10C8.13558 21.75 6.66159 21.7514 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C6.66159 2.24859 8.13558 2.25 10 2.25H14C14.3365 2.25 14.6602 2.25014 14.9717 2.25098ZM10 3.75C8.09324 3.75 6.73859 3.7515 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C6.73859 20.2485 8.09324 20.25 10 20.25H14C14.0844 20.25 14.1677 20.249 14.25 20.249V3.75H10ZM15.75 20.2422C16.7836 20.2313 17.6081 20.2019 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C17.6081 3.79811 16.7836 3.7677 15.75 3.75684V20.2422Z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Sidebar Open Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:sidebar-open-outline"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/sidebar-open-outline.svg" alt="Ikon Sidebar Open Outline" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Sidebar Open Outline

Apakah ikon Sidebar Open 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 Sidebar Open Outline di React?

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

Bagaimana cara menambahkan ikon Sidebar Open Outline ke halaman web?

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

Lihat semua Ikon Solar →