Slider Horizontal Bold ikonu

solar:slider-horizontal-bold

Slider Horizontal Bold ikonu (solar:slider-horizontal-bold), 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: sliderhorizontal, horizontalbold, sliderhorizontalbold

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="M16 6.41861C18.8284 6.41861 20.2426 6.41861 21.1213 7.23598C22 8.05336 22 9.36891 22 12C22 14.6311 22 15.9466 21.1213 16.764C20.2426 17.5814 18.8284 17.5814 16 17.5814L8 17.5814C5.17157 17.5814 3.75736 17.5814 2.87868 16.764C2 15.9466 2 14.6311 2 12C2 9.3689 2 8.05336 2.87868 7.23598C3.75736 6.4186 5.17157 6.4186 8 6.4186L16 6.41861Z"/><path d="M16.0987 5.02325L16 5.02326L7.90125 5.02325C6.91848 5.0232 6.03622 5.02315 5.27233 5.06946C5.00264 5.08581 4.74771 5.10793 4.50831 5.13787C4.40079 5.15132 4.29376 5.16661 4.18739 5.18411C3.97125 5.21968 3.76738 5.05257 3.78655 4.83435C3.8244 4.40341 3.90514 4.01421 4.10423 3.65073C4.41582 3.08186 4.913 2.61936 5.52453 2.32951C5.91527 2.14431 6.33367 2.06921 6.79693 2.034C7.2445 1.99998 7.79521 1.99999 8.46859 2L15.5314 2C16.2048 1.99999 16.7555 1.99998 17.2031 2.034C17.6663 2.06921 18.0847 2.14431 18.4755 2.32952C19.087 2.61937 19.5842 3.08186 19.8958 3.65073C20.0949 4.01421 20.1756 4.40341 20.2134 4.83435C20.2326 5.05257 20.0288 5.21968 19.8126 5.18411C19.7062 5.16661 19.5992 5.15132 19.4917 5.13787C19.2523 5.10793 18.9974 5.08581 18.7277 5.06946C17.9638 5.02316 17.0815 5.0232 16.0987 5.02325Z"/><path d="M7.90126 18.9767L16.0987 18.9767C17.0815 18.9768 17.9638 18.9768 18.7277 18.9305C18.9974 18.9142 19.2523 18.8921 19.4917 18.8621C19.5992 18.8487 19.7062 18.8334 19.8126 18.8159C20.0287 18.7803 20.2326 18.9474 20.2134 19.1656C20.1756 19.5966 20.0949 19.9858 19.8958 20.3493C19.5842 20.9181 19.087 21.3806 18.4755 21.6705C18.0847 21.8557 17.6663 21.9308 17.2031 21.966C16.7555 22 16.2048 22 15.5314 22L8.46859 22C7.79521 22 7.24449 22 6.79693 21.966C6.33367 21.9308 5.91527 21.8557 5.52453 21.6705C4.913 21.3806 4.41582 20.9181 4.10423 20.3493C3.90514 19.9858 3.8244 19.5966 3.78655 19.1656C3.76738 18.9474 3.97125 18.7803 4.1874 18.8159C4.29376 18.8334 4.40079 18.8487 4.50831 18.8621C4.74771 18.8921 5.00264 18.9142 5.27233 18.9305C6.03623 18.9768 6.91849 18.9768 7.90126 18.9767Z"/></g></svg>

Slider Horizontal Bold ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML görseli

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

Solar setindeki benzer ikonlar

Slider Horizontal Bold ikonu: sık sorulan sorular

Slider Horizontal Bold 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 Horizontal Bold ikonunu React'te nasıl kullanırım?

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

Slider Horizontal Bold 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-horizontal-bold.svg" alt="Slider Horizontal Bold 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ı →