level slider emoji

level-slider from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
level-slider
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

level-sliderEmoji One (Colored)level-sliderFluent Emojilevel-sliderFluent Emoji Flatlevel-sliderFluent Emoji High Contrastlevel-sliderNoto Emojilevel-sliderOpenMoji

More objects icons from Twitter Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the level slider emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M33 32a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#292f33" d="M19 31a1 1 0 1 1-2 0V5a1 1 0 0 1 2 0z"/><path fill="#99aab5" d="M15 6a1 1 0 0 1-1 1h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1M27 6a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m-12-5.894c0 .494-.4.894-.893.894h-2.214a.893.893 0 0 1-.893-.894v-.213c0-.493.4-.893.893-.893h2.214c.493 0 .893.4.893.894zm10 0c0 .494-.4.894-.893.894h-2.215a.893.893 0 0 1-.892-.894v-.213c0-.493.4-.893.893-.893h2.215c.492 0 .892.4.892.894z"/><path fill="#269" d="M25 13a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiLevelSlider(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M33 32a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#292f33" d="M19 31a1 1 0 1 1-2 0V5a1 1 0 0 1 2 0z"/><path fill="#99aab5" d="M15 6a1 1 0 0 1-1 1h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1M27 6a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m-12-5.894c0 .494-.4.894-.893.894h-2.214a.893.893 0 0 1-.893-.894v-.213c0-.493.4-.893.893-.893h2.214c.493 0 .893.4.893.894zm10 0c0 .494-.4.894-.893.894h-2.215a.893.893 0 0 1-.892-.894v-.213c0-.493.4-.893.893-.893h2.215c.492 0 .892.4.892.894z"/><path fill="#269" d="M25 13a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M33 32a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#292f33" d="M19 31a1 1 0 1 1-2 0V5a1 1 0 0 1 2 0z"/><path fill="#99aab5" d="M15 6a1 1 0 0 1-1 1h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1M27 6a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m0 12a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1m-12-5.894c0 .494-.4.894-.893.894h-2.214a.893.893 0 0 1-.893-.894v-.213c0-.493.4-.893.893-.893h2.214c.493 0 .893.4.893.894zm10 0c0 .494-.4.894-.893.894h-2.215a.893.893 0 0 1-.892-.894v-.213c0-.493.4-.893.893-.893h2.215c.492 0 .892.4.892.894z"/><path fill="#269" d="M25 13a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>
</template>

CSS

.icon-level-slider {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2032a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h22a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19%2031a1%201%200%201%201-2%200V5a1%201%200%200%201%202%200z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M15%206a1%201%200%200%201-1%201h-4a1%201%200%200%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201M27%206a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m-12-5.894c0%20.494-.4.894-.893.894h-2.214a.893.893%200%200%201-.893-.894v-.213c0-.493.4-.893.893-.893h2.214c.493%200%20.893.4.893.894zm10%200c0%20.494-.4.894-.893.894h-2.215a.893.893%200%200%201-.892-.894v-.213c0-.493.4-.893.893-.893h2.215c.492%200%20.892.4.892.894z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M25%2013a2%202%200%200%201-2%202H13a2%202%200%200%201-2-2v-2a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2032a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h22a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19%2031a1%201%200%201%201-2%200V5a1%201%200%200%201%202%200z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M15%206a1%201%200%200%201-1%201h-4a1%201%200%200%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201M27%206a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m0%2012a1%201%200%200%201-1%201h-4a1%201%200%201%201%200-2h4a1%201%200%200%201%201%201m-12-5.894c0%20.494-.4.894-.893.894h-2.214a.893.893%200%200%201-.893-.894v-.213c0-.493.4-.893.893-.893h2.214c.493%200%20.893.4.893.894zm10%200c0%20.494-.4.894-.893.894h-2.215a.893.893%200%200%201-.892-.894v-.213c0-.493.4-.893.893-.893h2.215c.492%200%20.892.4.892.894z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M25%2013a2%202%200%200%201-2%202H13a2%202%200%200%201-2-2v-2a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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