Display Outline ikonu
solar:display-outline
Display Outline ikonu (solar:display-outline), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Solar
- Yazar
- 480 Design
- Lisans
- CC-BY-4.0
- Boyut
- 24 × 24
- Kategori
- Cihazlar
- Etiketler
- displayoutline
SVG kodu
<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>Display Outline ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:display-outline"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/solar/display-outline.svg" alt="Display Outline ikonu" width="24" height="24">Solar setindeki benzer ikonlar
Display Outline ikonu: sık sorulan sorular
Display Outline ikonu ticari kullanım için ücretsiz mi?
Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Display Outline ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="solar:display-outline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Display Outline ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/solar/display-outline.svg" alt="Display Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.