Icône Drum Steelpan
la:drum-steelpan
L'icône Drum Steelpan (la:drum-steelpan) est une icône SVG gratuite de la collection Line Awesome par Icons8. Elle est dessinée sur une grille de 32 × 32. Les Line Awesome icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Line Awesome
- Auteur
- Icons8
- Licence
- Apache-2.0
- Taille
- 32 × 32
- Catégorie
- Objets
- Mots-clés
- drumsteelpan, drum steelpan solid
Code 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>Comment utiliser l'icône 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:drum-steelpan"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/la/drum-steelpan.svg" alt="Icône Drum Steelpan" width="24" height="24">Icônes similaires dans Line Awesome
L'icône Drum Steelpan dans d'autres collections
FAQ : Icône Drum Steelpan
L'icône Drum Steelpan est-elle gratuite pour un usage commercial ?
Oui. Les Line Awesome icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Drum Steelpan dans React ?
Installez @iconify/react et affichez <Icon icon="la:drum-steelpan" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Drum Steelpan à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/la/drum-steelpan.svg" alt="Icône Drum Steelpan">, ou collez le code SVG directement dans la page pour le styliser en CSS.