ICONYZ
Bahasa Indonesia
Ikon Display Outline dari Solar

Ikon Display Outline

solar:display-outline

Ikon Display Outline (solar:display-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
Perangkat
Tag
displayoutline
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="M7.94513 2.25H16.0549C17.4225 2.24998 18.5248 2.24996 19.3918 2.36652C20.2919 2.48754 21.0497 2.74643 21.6517 3.34835C22.2536 3.95027 22.5125 4.70814 22.6335 5.60825C22.75 6.47522 22.75 7.57754 22.75 8.94513V10.0549C22.75 11.4225 22.75 12.5248 22.6335 13.3918C22.5125 14.2919 22.2536 15.0497 21.6517 15.6517C21.0497 16.2536 20.2919 16.5125 19.3918 16.6335C18.5248 16.75 17.4225 16.75 16.0549 16.75H12.75V18.4594L18.2372 20.2885C18.6301 20.4195 18.8425 20.8442 18.7115 21.2372C18.5805 21.6301 18.1558 21.8425 17.7628 21.7115L12 19.7906L6.23717 21.7115C5.84421 21.8425 5.41947 21.6301 5.28849 21.2372C5.1575 20.8442 5.36987 20.4195 5.76283 20.2885L11.25 18.4594V16.75H7.94513C6.57754 16.75 5.47522 16.75 4.60825 16.6335C3.70814 16.5125 2.95027 16.2536 2.34835 15.6517C1.74643 15.0497 1.48754 14.2919 1.36652 13.3918C1.24996 12.5248 1.24998 11.4225 1.25 10.0549V8.94513C1.24998 7.57754 1.24996 6.47522 1.36652 5.60825C1.48754 4.70814 1.74643 3.95027 2.34835 3.34835C2.95027 2.74643 3.70814 2.48754 4.60825 2.36652C5.47522 2.24996 6.57754 2.24998 7.94513 2.25ZM4.80812 3.85315C4.07435 3.9518 3.68577 4.13225 3.40901 4.40901C3.13225 4.68577 2.9518 5.07435 2.85315 5.80812C2.75159 6.56347 2.75 7.56458 2.75 9V10C2.75 11.4354 2.75159 12.4365 2.85315 13.1919C2.9518 13.9257 3.13225 14.3142 3.40901 14.591C3.68577 14.8678 4.07435 15.0482 4.80812 15.1469C5.56347 15.2484 6.56459 15.25 8 15.25H16C17.4354 15.25 18.4365 15.2484 19.1919 15.1469C19.9257 15.0482 20.3142 14.8678 20.591 14.591C20.8678 14.3142 21.0482 13.9257 21.1469 13.1919C21.2484 12.4365 21.25 11.4354 21.25 10V9C21.25 7.56459 21.2484 6.56347 21.1469 5.80812C21.0482 5.07435 20.8678 4.68577 20.591 4.40901C20.3142 4.13225 19.9257 3.9518 19.1919 3.85315C18.4365 3.75159 17.4354 3.75 16 3.75H8C6.56458 3.75 5.56347 3.75159 4.80812 3.85315Z" clip-rule="evenodd"/></svg>

Cara memakai ikon Display Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Solar

FAQ Ikon Display Outline

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

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

Bagaimana cara menambahkan ikon Display Outline ke halaman web?

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

Lihat semua Ikon Solar →