Slider Minimalistic Horizontal Outline ikonu

solar:slider-minimalistic-horizontal-outline

Slider Minimalistic Horizontal Outline ikonu (solar:slider-minimalistic-horizontal-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: Arayüz
Etiketler: sliderminimalistic, minimalistichorizontal, horizontaloutline, sliderminimalistichorizontaloutline

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.75 3C3.75 2.58579 4.08579 2.25 4.5 2.25H19.5C19.9142 2.25 20.25 2.58579 20.25 3C20.25 3.41421 19.9142 3.75 19.5 3.75L4.5 3.75C4.08579 3.75 3.75 3.41421 3.75 3Z"/><path fill-rule="evenodd" d="M19.3918 5.36652C20.2919 5.48754 21.0497 5.74643 21.6517 6.34835C22.2536 6.95027 22.5125 7.70814 22.6335 8.60825C22.75 9.47522 22.75 10.5775 22.75 11.9451V12.0549C22.75 13.4225 22.75 14.5248 22.6335 15.3918C22.5125 16.2919 22.2536 17.0497 21.6517 17.6516C21.0497 18.2536 20.2919 18.5125 19.3918 18.6335C18.5248 18.75 17.4225 18.75 16.0549 18.75H7.94513C6.57754 18.75 5.47522 18.75 4.60825 18.6335C3.70814 18.5125 2.95027 18.2536 2.34835 17.6516C1.74643 17.0497 1.48754 16.2919 1.36652 15.3918C1.24996 14.5248 1.24998 13.4225 1.25 12.0549V11.9451C1.24998 10.5775 1.24996 9.47521 1.36652 8.60825C1.48754 7.70814 1.74643 6.95027 2.34835 6.34835C2.95027 5.74643 3.70814 5.48754 4.60825 5.36652C5.47522 5.24996 6.57753 5.24998 7.94512 5.25L16.0549 5.25C17.4225 5.24998 18.5248 5.24996 19.3918 5.36652ZM19.1919 6.85315C18.4365 6.75159 17.4354 6.75 16 6.75H8C6.56459 6.75 5.56347 6.75159 4.80812 6.85315C4.07435 6.9518 3.68577 7.13225 3.40901 7.40901C3.13225 7.68577 2.9518 8.07435 2.85315 8.80812C2.75159 9.56347 2.75 10.5646 2.75 12C2.75 13.4354 2.75159 14.4365 2.85315 15.1919C2.9518 15.9257 3.13225 16.3142 3.40901 16.591C3.68577 16.8678 4.07435 17.0482 4.80812 17.1469C5.56347 17.2484 6.56459 17.25 8 17.25H16C17.4354 17.25 18.4365 17.2484 19.1919 17.1469C19.9257 17.0482 20.3142 16.8678 20.591 16.591C20.8678 16.3142 21.0482 15.9257 21.1469 15.1919C21.2484 14.4365 21.25 13.4354 21.25 12C21.25 10.5646 21.2484 9.56347 21.1469 8.80812C21.0482 8.07434 20.8678 7.68577 20.591 7.40901C20.3142 7.13225 19.9257 6.9518 19.1919 6.85315Z" clip-rule="evenodd"/><path d="M4.5 21.75C4.08579 21.75 3.75 21.4142 3.75 21C3.75 20.5858 4.08579 20.25 4.5 20.25H19.5C19.9142 20.25 20.25 20.5858 20.25 21C20.25 21.4142 19.9142 21.75 19.5 21.75H4.5Z"/></g></svg>

Slider Minimalistic Horizontal Outline ikonu nasıl kullanılır

React

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

<Icon icon="solar:slider-minimalistic-horizontal-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:slider-minimalistic-horizontal-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:slider-minimalistic-horizontal-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/slider-minimalistic-horizontal-outline.svg" alt="Slider Minimalistic Horizontal Outline ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Slider Minimalistic Horizontal Outline ikonu: sık sorulan sorular

Slider Minimalistic Horizontal 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.

Slider Minimalistic Horizontal Outline ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:slider-minimalistic-horizontal-outline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Slider Minimalistic Horizontal 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/slider-minimalistic-horizontal-outline.svg" alt="Slider Minimalistic Horizontal Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →