level slider emoji
level-slider from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- level-slider
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the level slider emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><linearGradient id="SVGqcZuTb5F" x1="22.748" x2="105.252" y1="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eee"/><stop offset="1" stop-color="#757575"/></linearGradient><path fill="url(#SVGqcZuTb5F)" d="M92.53 124H35.47c-7 0-12.72-5.72-12.72-12.72V16.72c0-7 5.72-12.72 12.72-12.72h57.06c7 0 12.72 5.72 12.72 12.72v94.56c0 7-5.72 12.72-12.72 12.72"/><path fill="#bdbdbd" d="M87.84 124H40.16c-7.41 0-13.47-6.06-13.47-13.47V17.47C26.68 10.06 32.75 4 40.16 4h47.69c7.41 0 13.47 6.06 13.47 13.47v93.05c0 7.42-6.07 13.48-13.48 13.48"/><path fill="#212121" d="M64.07 115.19h-.14c-2.2 0-4-1.8-4-4V16.81c0-2.2 1.8-4 4-4h.14c2.2 0 4 1.8 4 4v94.37c0 2.21-1.8 4.01-4 4.01"/><path fill="#e0e0e0" d="M64 12.81c-.42 0-.82.08-1.21.2c1.65.5 2.86 1.98 2.86 3.74v94.5c0 1.76-1.21 3.24-2.86 3.74c.38.12.78.2 1.21.2c2.24 0 4.07-1.77 4.07-3.94v-94.5c0-2.16-1.83-3.94-4.07-3.94"/><path fill="none" stroke="#424242" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M73.54 16.29H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4m-17.86 9.55H91.4m-17.86 9.54H91.4M73.54 64H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4m-17.86 9.55H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4M36.6 16.29h17.86M36.6 25.83h17.86M36.6 35.37h17.86M36.6 44.92h17.86M36.6 54.46h17.86M36.6 64h17.86M36.6 73.54h17.86M36.6 83.08h17.86M36.6 92.63h17.86m-17.86 9.54h17.86m-17.86 9.54h17.86"/><path d="M76.33 53.49H57.47c-2.72 0-4.92-2.2-4.92-4.92v-2.12c0-2.72 2.2-4.92 4.92-4.92h18.86c2.72 0 4.92 2.2 4.92 4.92v2.12c0 2.71-2.2 4.92-4.92 4.92" opacity=".26"/><path d="M73.33 50.41H54.47c-2.72 0-4.92-2.2-4.92-4.92v-2.12c0-2.72 2.2-4.92 4.92-4.92h18.86c2.72 0 4.92 2.2 4.92 4.92v2.12c0 2.72-2.2 4.92-4.92 4.92"/><path fill="#455a64" d="M59.4 43.63h-5.69c-1.85 0-2.57-2.39-1.03-3.42c.7-.47 1.67-.79 3-.79h9.41c.38 0 .53.49.21.7c-2.32 1.6-2.42 3.51-5.9 3.51"/></svg>
React
import type { SVGProps } from "react";
export function NotoLevelSlider(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><linearGradient id="SVGqcZuTb5F" x1="22.748" x2="105.252" y1="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#eee"/><stop offset="1" stopColor="#757575"/></linearGradient><path fill="url(#SVGqcZuTb5F)" d="M92.53 124H35.47c-7 0-12.72-5.72-12.72-12.72V16.72c0-7 5.72-12.72 12.72-12.72h57.06c7 0 12.72 5.72 12.72 12.72v94.56c0 7-5.72 12.72-12.72 12.72"/><path fill="#bdbdbd" d="M87.84 124H40.16c-7.41 0-13.47-6.06-13.47-13.47V17.47C26.68 10.06 32.75 4 40.16 4h47.69c7.41 0 13.47 6.06 13.47 13.47v93.05c0 7.42-6.07 13.48-13.48 13.48"/><path fill="#212121" d="M64.07 115.19h-.14c-2.2 0-4-1.8-4-4V16.81c0-2.2 1.8-4 4-4h.14c2.2 0 4 1.8 4 4v94.37c0 2.21-1.8 4.01-4 4.01"/><path fill="#e0e0e0" d="M64 12.81c-.42 0-.82.08-1.21.2c1.65.5 2.86 1.98 2.86 3.74v94.5c0 1.76-1.21 3.24-2.86 3.74c.38.12.78.2 1.21.2c2.24 0 4.07-1.77 4.07-3.94v-94.5c0-2.16-1.83-3.94-4.07-3.94"/><path fill="none" stroke="#424242" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M73.54 16.29H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4m-17.86 9.55H91.4m-17.86 9.54H91.4M73.54 64H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4m-17.86 9.55H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4M36.6 16.29h17.86M36.6 25.83h17.86M36.6 35.37h17.86M36.6 44.92h17.86M36.6 54.46h17.86M36.6 64h17.86M36.6 73.54h17.86M36.6 83.08h17.86M36.6 92.63h17.86m-17.86 9.54h17.86m-17.86 9.54h17.86"/><path d="M76.33 53.49H57.47c-2.72 0-4.92-2.2-4.92-4.92v-2.12c0-2.72 2.2-4.92 4.92-4.92h18.86c2.72 0 4.92 2.2 4.92 4.92v2.12c0 2.71-2.2 4.92-4.92 4.92" opacity=".26"/><path d="M73.33 50.41H54.47c-2.72 0-4.92-2.2-4.92-4.92v-2.12c0-2.72 2.2-4.92 4.92-4.92h18.86c2.72 0 4.92 2.2 4.92 4.92v2.12c0 2.72-2.2 4.92-4.92 4.92"/><path fill="#455a64" d="M59.4 43.63h-5.69c-1.85 0-2.57-2.39-1.03-3.42c.7-.47 1.67-.79 3-.79h9.41c.38 0 .53.49.21.7c-2.32 1.6-2.42 3.51-5.9 3.51"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><linearGradient id="SVGqcZuTb5F" x1="22.748" x2="105.252" y1="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eee"/><stop offset="1" stop-color="#757575"/></linearGradient><path fill="url(#SVGqcZuTb5F)" d="M92.53 124H35.47c-7 0-12.72-5.72-12.72-12.72V16.72c0-7 5.72-12.72 12.72-12.72h57.06c7 0 12.72 5.72 12.72 12.72v94.56c0 7-5.72 12.72-12.72 12.72"/><path fill="#bdbdbd" d="M87.84 124H40.16c-7.41 0-13.47-6.06-13.47-13.47V17.47C26.68 10.06 32.75 4 40.16 4h47.69c7.41 0 13.47 6.06 13.47 13.47v93.05c0 7.42-6.07 13.48-13.48 13.48"/><path fill="#212121" d="M64.07 115.19h-.14c-2.2 0-4-1.8-4-4V16.81c0-2.2 1.8-4 4-4h.14c2.2 0 4 1.8 4 4v94.37c0 2.21-1.8 4.01-4 4.01"/><path fill="#e0e0e0" d="M64 12.81c-.42 0-.82.08-1.21.2c1.65.5 2.86 1.98 2.86 3.74v94.5c0 1.76-1.21 3.24-2.86 3.74c.38.12.78.2 1.21.2c2.24 0 4.07-1.77 4.07-3.94v-94.5c0-2.16-1.83-3.94-4.07-3.94"/><path fill="none" stroke="#424242" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M73.54 16.29H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4m-17.86 9.55H91.4m-17.86 9.54H91.4M73.54 64H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4m-17.86 9.55H91.4m-17.86 9.54H91.4m-17.86 9.54H91.4M36.6 16.29h17.86M36.6 25.83h17.86M36.6 35.37h17.86M36.6 44.92h17.86M36.6 54.46h17.86M36.6 64h17.86M36.6 73.54h17.86M36.6 83.08h17.86M36.6 92.63h17.86m-17.86 9.54h17.86m-17.86 9.54h17.86"/><path d="M76.33 53.49H57.47c-2.72 0-4.92-2.2-4.92-4.92v-2.12c0-2.72 2.2-4.92 4.92-4.92h18.86c2.72 0 4.92 2.2 4.92 4.92v2.12c0 2.71-2.2 4.92-4.92 4.92" opacity=".26"/><path d="M73.33 50.41H54.47c-2.72 0-4.92-2.2-4.92-4.92v-2.12c0-2.72 2.2-4.92 4.92-4.92h18.86c2.72 0 4.92 2.2 4.92 4.92v2.12c0 2.72-2.2 4.92-4.92 4.92"/><path fill="#455a64" d="M59.4 43.63h-5.69c-1.85 0-2.57-2.39-1.03-3.42c.7-.47 1.67-.79 3-.79h9.41c.38 0 .53.49.21.7c-2.32 1.6-2.42 3.51-5.9 3.51"/></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%20128%20128%22%3E%3ClinearGradient%20id%3D%22SVGqcZuTb5F%22%20x1%3D%2222.748%22%20x2%3D%22105.252%22%20y1%3D%2264%22%20y2%3D%2264%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23eee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23757575%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGqcZuTb5F)%22%20d%3D%22M92.53%20124H35.47c-7%200-12.72-5.72-12.72-12.72V16.72c0-7%205.72-12.72%2012.72-12.72h57.06c7%200%2012.72%205.72%2012.72%2012.72v94.56c0%207-5.72%2012.72-12.72%2012.72%22%2F%3E%3Cpath%20fill%3D%22%23bdbdbd%22%20d%3D%22M87.84%20124H40.16c-7.41%200-13.47-6.06-13.47-13.47V17.47C26.68%2010.06%2032.75%204%2040.16%204h47.69c7.41%200%2013.47%206.06%2013.47%2013.47v93.05c0%207.42-6.07%2013.48-13.48%2013.48%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M64.07%20115.19h-.14c-2.2%200-4-1.8-4-4V16.81c0-2.2%201.8-4%204-4h.14c2.2%200%204%201.8%204%204v94.37c0%202.21-1.8%204.01-4%204.01%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M64%2012.81c-.42%200-.82.08-1.21.2c1.65.5%202.86%201.98%202.86%203.74v94.5c0%201.76-1.21%203.24-2.86%203.74c.38.12.78.2%201.21.2c2.24%200%204.07-1.77%204.07-3.94v-94.5c0-2.16-1.83-3.94-4.07-3.94%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23424242%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M73.54%2016.29H91.4m-17.86%209.54H91.4m-17.86%209.54H91.4m-17.86%209.55H91.4m-17.86%209.54H91.4M73.54%2064H91.4m-17.86%209.54H91.4m-17.86%209.54H91.4m-17.86%209.55H91.4m-17.86%209.54H91.4m-17.86%209.54H91.4M36.6%2016.29h17.86M36.6%2025.83h17.86M36.6%2035.37h17.86M36.6%2044.92h17.86M36.6%2054.46h17.86M36.6%2064h17.86M36.6%2073.54h17.86M36.6%2083.08h17.86M36.6%2092.63h17.86m-17.86%209.54h17.86m-17.86%209.54h17.86%22%2F%3E%3Cpath%20d%3D%22M76.33%2053.49H57.47c-2.72%200-4.92-2.2-4.92-4.92v-2.12c0-2.72%202.2-4.92%204.92-4.92h18.86c2.72%200%204.92%202.2%204.92%204.92v2.12c0%202.71-2.2%204.92-4.92%204.92%22%20opacity%3D%22.26%22%2F%3E%3Cpath%20d%3D%22M73.33%2050.41H54.47c-2.72%200-4.92-2.2-4.92-4.92v-2.12c0-2.72%202.2-4.92%204.92-4.92h18.86c2.72%200%204.92%202.2%204.92%204.92v2.12c0%202.72-2.2%204.92-4.92%204.92%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M59.4%2043.63h-5.69c-1.85%200-2.57-2.39-1.03-3.42c.7-.47%201.67-.79%203-.79h9.41c.38%200%20.53.49.21.7c-2.32%201.6-2.42%203.51-5.9%203.51%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%20128%20128%22%3E%3ClinearGradient%20id%3D%22SVGqcZuTb5F%22%20x1%3D%2222.748%22%20x2%3D%22105.252%22%20y1%3D%2264%22%20y2%3D%2264%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23eee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23757575%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGqcZuTb5F)%22%20d%3D%22M92.53%20124H35.47c-7%200-12.72-5.72-12.72-12.72V16.72c0-7%205.72-12.72%2012.72-12.72h57.06c7%200%2012.72%205.72%2012.72%2012.72v94.56c0%207-5.72%2012.72-12.72%2012.72%22%2F%3E%3Cpath%20fill%3D%22%23bdbdbd%22%20d%3D%22M87.84%20124H40.16c-7.41%200-13.47-6.06-13.47-13.47V17.47C26.68%2010.06%2032.75%204%2040.16%204h47.69c7.41%200%2013.47%206.06%2013.47%2013.47v93.05c0%207.42-6.07%2013.48-13.48%2013.48%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M64.07%20115.19h-.14c-2.2%200-4-1.8-4-4V16.81c0-2.2%201.8-4%204-4h.14c2.2%200%204%201.8%204%204v94.37c0%202.21-1.8%204.01-4%204.01%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M64%2012.81c-.42%200-.82.08-1.21.2c1.65.5%202.86%201.98%202.86%203.74v94.5c0%201.76-1.21%203.24-2.86%203.74c.38.12.78.2%201.21.2c2.24%200%204.07-1.77%204.07-3.94v-94.5c0-2.16-1.83-3.94-4.07-3.94%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23424242%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M73.54%2016.29H91.4m-17.86%209.54H91.4m-17.86%209.54H91.4m-17.86%209.55H91.4m-17.86%209.54H91.4M73.54%2064H91.4m-17.86%209.54H91.4m-17.86%209.54H91.4m-17.86%209.55H91.4m-17.86%209.54H91.4m-17.86%209.54H91.4M36.6%2016.29h17.86M36.6%2025.83h17.86M36.6%2035.37h17.86M36.6%2044.92h17.86M36.6%2054.46h17.86M36.6%2064h17.86M36.6%2073.54h17.86M36.6%2083.08h17.86M36.6%2092.63h17.86m-17.86%209.54h17.86m-17.86%209.54h17.86%22%2F%3E%3Cpath%20d%3D%22M76.33%2053.49H57.47c-2.72%200-4.92-2.2-4.92-4.92v-2.12c0-2.72%202.2-4.92%204.92-4.92h18.86c2.72%200%204.92%202.2%204.92%204.92v2.12c0%202.71-2.2%204.92-4.92%204.92%22%20opacity%3D%22.26%22%2F%3E%3Cpath%20d%3D%22M73.33%2050.41H54.47c-2.72%200-4.92-2.2-4.92-4.92v-2.12c0-2.72%202.2-4.92%204.92-4.92h18.86c2.72%200%204.92%202.2%204.92%204.92v2.12c0%202.72-2.2%204.92-4.92%204.92%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M59.4%2043.63h-5.69c-1.85%200-2.57-2.39-1.03-3.42c.7-.47%201.67-.79%203-.79h9.41c.38%200%20.53.49.21.7c-2.32%201.6-2.42%203.51-5.9%203.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/level-slider.svg?color=%231a73e8&size=48
