Иконка Level Slider

noto:level-slider

Иконка Level Slider (noto:level-slider) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Предметы
Теги: levelslider

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVG6VpCjdzI" 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(#SVG6VpCjdzI)" 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>

Как использовать иконку Level Slider

React

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

<Icon icon="noto:level-slider" width="24" />

Vue

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

<template>
  <Icon icon="noto:level-slider" width="24" />
</template>

Svelte

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

<Icon icon="noto:level-slider" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--level-slider]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:level-slider"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:level-slider"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/noto/level-slider.svg" alt="Иконка Level Slider" width="24" height="24">

Иконка Level Slider в других наборах

Вопросы и ответы: Иконка Level Slider

Можно ли бесплатно использовать иконку Level Slider в коммерческих проектах?

Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Level Slider в React?

Установите @iconify/react и выведите <Icon icon="noto:level-slider" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Level Slider на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/level-slider.svg" alt="Иконка Level Slider">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji →