sliders h icon

sliders-h from Line Awesome by Icons8 · Line · Music · Apache-2.0 Free for personal and commercial use.

Name
sliders-h
Set
Line Awesome
Style
Line
Category
Music
Viewbox
32×32
License
Apache 2.0
Aliases
sliders-h-solid

The same icon in other sets

sliders-hFont Awesome Solidsliders-hPrime Icons

More music icons from Line Awesome

file-audiofile-audio-solidmusicnapsterrecord-vinylsoundcloudspotify

Use the sliders h icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 5c-1.293 0-2.395.844-2.813 2H4v2h8.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28V7H17.812C17.395 5.844 16.294 5 15 5m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m7 6c-1.293 0-2.395.844-2.813 2H4v2h15.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28v-2h-3.188c-.417-1.156-1.519-2-2.812-2m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m-11 6c-1.293 0-2.395.844-2.813 2H4v2h4.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28v-2H13.812c-.417-1.156-1.519-2-2.812-2m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>

React

import type { SVGProps } from "react";

export function LaSlidersH(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 5c-1.293 0-2.395.844-2.813 2H4v2h8.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28V7H17.812C17.395 5.844 16.294 5 15 5m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m7 6c-1.293 0-2.395.844-2.813 2H4v2h15.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28v-2h-3.188c-.417-1.156-1.519-2-2.812-2m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m-11 6c-1.293 0-2.395.844-2.813 2H4v2h4.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28v-2H13.812c-.417-1.156-1.519-2-2.812-2m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 5c-1.293 0-2.395.844-2.813 2H4v2h8.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28V7H17.812C17.395 5.844 16.294 5 15 5m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m7 6c-1.293 0-2.395.844-2.813 2H4v2h15.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28v-2h-3.188c-.417-1.156-1.519-2-2.812-2m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m-11 6c-1.293 0-2.395.844-2.813 2H4v2h4.188c.417 1.156 1.519 2 2.812 2s2.395-.844 2.813-2H28v-2H13.812c-.417-1.156-1.519-2-2.812-2m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>
</template>

CSS

.icon-sliders-h {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%205c-1.293%200-2.395.844-2.813%202H4v2h8.188c.417%201.156%201.519%202%202.812%202s2.395-.844%202.813-2H28V7H17.812C17.395%205.844%2016.294%205%2015%205m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1m7%206c-1.293%200-2.395.844-2.813%202H4v2h15.188c.417%201.156%201.519%202%202.812%202s2.395-.844%202.813-2H28v-2h-3.188c-.417-1.156-1.519-2-2.812-2m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1m-11%206c-1.293%200-2.395.844-2.813%202H4v2h4.188c.417%201.156%201.519%202%202.812%202s2.395-.844%202.813-2H28v-2H13.812c-.417-1.156-1.519-2-2.812-2m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%205c-1.293%200-2.395.844-2.813%202H4v2h8.188c.417%201.156%201.519%202%202.812%202s2.395-.844%202.813-2H28V7H17.812C17.395%205.844%2016.294%205%2015%205m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1m7%206c-1.293%200-2.395.844-2.813%202H4v2h15.188c.417%201.156%201.519%202%202.812%202s2.395-.844%202.813-2H28v-2h-3.188c-.417-1.156-1.519-2-2.812-2m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1m-11%206c-1.293%200-2.395.844-2.813%202H4v2h4.188c.417%201.156%201.519%202%202.812%202s2.395-.844%202.813-2H28v-2H13.812c-.417-1.156-1.519-2-2.812-2m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/sliders-h.svg?color=%231a73e8&size=48