Иконка Drum Steelpan
la:drum-steelpan
Иконка Drum Steelpan (la:drum-steelpan) — бесплатная SVG-иконка из набора Line Awesome от Icons8. Она нарисована на сетке 32 × 32. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Line Awesome
- Автор
- Icons8
- Лицензия
- Apache-2.0
- Размер
- 32 × 32
- Категория
- Предметы
- Теги
- drumsteelpan, drum steelpan solid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C8.82 6 3 8.462 3 11.5v9C3 23.538 8.82 26 16 26s13-2.462 13-5.5v-9C29 8.462 23.18 6 16 6m0 2c.893 0 1.734.04 2.523.11c.165.014.317.035.477.052V8.6c0 1.32-1.35 2.4-3 2.4s-3-1.08-3-2.4v-.438c.927-.1 1.92-.162 3-.162m-3.104.174q-.5.054-.97.127c.136-.021.265-.046.406-.065c.182-.024.376-.041.564-.062m6.208 0c.188.02.382.038.564.062c.14.02.27.044.406.065a21 21 0 0 0-.97-.127m-7.58.19c-.176.03-.343.065-.512.099c.09-.018.163-.042.256-.059c.082-.015.172-.026.255-.04zm8.953 0c.083.014.173.025.255.04c.093.017.166.041.256.059c-.169-.034-.336-.07-.511-.1zm-9.957.212l1.04 1.805c.44.74.55 1.61.33 2.45a3.26 3.26 0 0 1-1.097 1.655C7.021 13.706 5 12.23 5 11.5q0-.095.045-.207c.306-.755 2.206-1.994 5.475-2.717m10.96 0C25.07 9.37 27 10.788 27 11.5c0 .73-2.022 2.207-5.795 2.986a3.2 3.2 0 0 1-1.096-1.656c-.22-.84-.11-1.71.32-2.45zM16 13c1.31 0 2.4.78 2.78 1.86c.377-.035.736-.079 1.09-.128A27 27 0 0 1 16 15c-1.424 0-2.71-.102-3.87-.268c.354.05.713.093 1.09.127C13.6 13.78 14.69 13 16 13M5 14.422C7.3 15.969 11.36 17 16 17s8.7-1.031 11-2.578V20.5c0 1.016-3.855 3.5-11 3.5S5 21.516 5 20.5zm15.887.139"/></svg>Как использовать иконку Drum Steelpan
React
import { Icon } from "@iconify/react";
<Icon icon="la:drum-steelpan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:drum-steelpan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:drum-steelpan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--drum-steelpan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:drum-steelpan"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:drum-steelpan"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/la/drum-steelpan.svg" alt="Иконка Drum Steelpan" width="24" height="24">Похожие иконки в наборе Line Awesome
Иконка Drum Steelpan в других наборах
Вопросы и ответы: Иконка Drum Steelpan
Можно ли бесплатно использовать иконку Drum Steelpan в коммерческих проектах?
Да. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Drum Steelpan в React?
Установите @iconify/react и выведите <Icon icon="la:drum-steelpan" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Drum Steelpan на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/drum-steelpan.svg" alt="Иконка Drum Steelpan">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.