Slider Minimalistic Horizontal Outline icon

solar:slider-minimalistic-horizontal-outline

The Slider Minimalistic Horizontal Outline icon (solar:slider-minimalistic-horizontal-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: sliderminimalistic, minimalistichorizontal, horizontaloutline, sliderminimalistichorizontaloutline

Download SVG

SVG code

<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>

How to use the Slider Minimalistic Horizontal Outline icon

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 component

<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 image

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

Related icons in Solar

Slider Minimalistic Horizontal Outline icon FAQ

Is the Slider Minimalistic Horizontal Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Slider Minimalistic Horizontal Outline icon in React?

Install @iconify/react and render <Icon icon="solar:slider-minimalistic-horizontal-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Slider Minimalistic Horizontal Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/slider-minimalistic-horizontal-outline.svg" alt="Slider Minimalistic Horizontal Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →