Icône Long Drum
twemoji:long-drum
L'icône Long Drum (twemoji:long-drum) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Twitter Emoji
- Auteur
- Licence
- CC-BY-4.0
- Taille
- 36 × 36
- Catégorie
- Objets
- Mots-clés
- longdrum
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#b52e04" d="m12.691 34.484l.008.008l4.59-10.124l-5.657-5.657l-10.124 4.59l.008.008a2 2 0 0 0-.491.352c-1.562 1.562-.296 5.361 2.828 8.485s6.923 4.391 8.485 2.828c.145-.143.256-.311.353-.49"/><path fill="#662113" d="M9.376 17.519c.545-1.059 3.556.521 6.07 3.035s4.047 5.549 3.035 6.07c-1.054.542-3.556-.521-6.07-3.035s-3.578-5.016-3.035-6.07"/><path fill="#662113" d="M9.864 18.15a.5.5 0 0 1-.443-.732l8.485-16.263a.5.5 0 1 1 .887.463l-8.485 16.263a.5.5 0 0 1-.444.269m8.486 8.486a.502.502 0 0 1-.232-.944l16.264-8.485a.5.5 0 1 1 .463.887l-16.264 8.485a.5.5 0 0 1-.231.057"/><path fill="#c1694f" d="M10.218 17.297c.531-1.04 3.314.485 5.657 2.828s3.729 5.197 2.828 5.657c-.984.502-3.314-.485-5.657-2.828s-3.33-4.673-2.828-5.657"/><path fill="#c1694f" d="M18.34 1.377L34.623 17.66l-15.92 8.122l-8.485-8.485z"/><path fill="#662113" d="M34.021 18.262c-1.928 1.928-7.344-1.494-11.066-5.216S15.811 3.908 17.739 1.98c2.715-2.715 7.219.099 11.701 4.581s7.296 8.986 4.581 11.701"/><path fill="#be1931" d="M34.691 17.592c-1.806 1.806-6.616-.673-11.113-5.17s-6.975-9.307-5.17-11.113c2.543-2.543 6.993.324 11.476 4.807s7.35 8.933 4.807 11.476"/><ellipse cx="26.835" cy="9.165" fill="#662113" rx="4" ry="11.5" transform="rotate(-45.001 26.835 9.166)"/><path fill="#d99e82" d="M24.89 11.11c4.114 4.114 8.502 6.508 10.337 5.758c1.471-2.612-1.258-6.666-5.344-10.751C25.798 2.032 21.744-.697 19.132.773c-.75 1.835 1.645 6.223 5.758 10.337"/><ellipse cx="27.896" cy="8.104" fill="#ffe8b6" rx="3" ry="10.5" transform="rotate(-45.001 27.896 8.105)"/><path fill="#662113" d="M13.046 23.454a.5.5 0 0 1-.354-.853l11.314-11.314a.5.5 0 0 1 .707.707L13.4 23.308a.5.5 0 0 1-.354.146m-1.556-1.556a.5.5 0 0 1-.408-.789l9.545-13.505a.5.5 0 0 1 .816.577l-9.545 13.506a.5.5 0 0 1-.408.211m3.113 3.112a.498.498 0 0 1-.289-.908l13.505-9.546a.5.5 0 0 1 .578.817l-13.506 9.546a.5.5 0 0 1-.288.091m-4.244-4.95a.5.5 0 0 1-.435-.744l8.485-15.132a.5.5 0 0 1 .872.49l-8.486 15.131a.5.5 0 0 1-.436.255m6.082 6.081a.5.5 0 0 1-.246-.937l15.132-8.485a.5.5 0 0 1 .489.872l-15.131 8.486a.5.5 0 0 1-.244.064"/></svg>Comment utiliser l'icône Long Drum
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:long-drum" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:long-drum" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:long-drum" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--long-drum]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:long-drum"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:long-drum"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/twemoji/long-drum.svg" alt="Icône Long Drum" width="24" height="24">L'icône Long Drum dans d'autres collections
FAQ : Icône Long Drum
L'icône Long Drum est-elle gratuite pour un usage commercial ?
Oui. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Long Drum dans React ?
Installez @iconify/react et affichez <Icon icon="twemoji:long-drum" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Long Drum à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/twemoji/long-drum.svg" alt="Icône Long Drum">, ou collez le code SVG directement dans la page pour le styliser en CSS.