Icône Superhero
twemoji:superhero
L'icône Superhero (twemoji:superhero) 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
- Personnes et corps
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#a0041e" d="M17.992 36h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579z"/><path fill="#a0041e" d="M18 36H1s.067-3.204 1.554-5.579C6.465 24.179 18 31 18 31z"/><path fill="#55acee" d="M27.992 29H8c-3 0-4.952 3.5-4 7h27.992c.953-3.5-1-7-4-7"/><path fill="#ffdc5d" d="M14.269 30.041c1.466 1.065 2.964.98 3.672.98s2.194.085 3.66-.98v-5.664h-7.332z"/><path fill="#f9ca55" d="M14.264 25.179c1.022 1.155 2.29 1.468 3.668 1.468s2.647-.312 3.67-1.468v-2.936h-7.338z"/><path fill="#ffac33" d="M21.69 2.615c-1.904-.616-6.384-.448-7.504 1.008c-2.912.056-6.328 2.688-6.776 6.16c-.443 3.437.545 5.032.896 7.616c.398 2.928 2.044 3.864 3.36 4.256c1.893 2.501 3.906 2.394 7.285 2.394c6.599 0 9.742-4.415 10.02-11.915c.168-4.535-2.494-7.971-7.281-9.519"/><path fill="#ffdc5d" d="M25.464 12.456c-.639-.884-1.456-1.596-3.248-1.848c.672.308 1.316 1.372 1.4 1.96s.168 1.064-.364.476c-2.131-2.356-4.452-1.428-6.753-2.867c-1.607-1.005-2.096-2.117-2.096-2.117s-.196 1.484-2.632 2.996c-.706.438-1.549 1.415-2.016 2.856c-.336 1.036-.232 1.96-.232 3.539c0 4.609 3.799 8.485 8.485 8.485s8.485-3.909 8.485-8.485c-.001-2.867-.301-3.987-1.029-4.995"/><path fill="#c1694f" d="M17.887 23.543c-1.606 0-2.447-.794-2.537-.885a.685.685 0 0 1 .961-.974c.035.032.551.491 1.576.491c1.038 0 1.555-.473 1.576-.492a.69.69 0 0 1 .963.02c.26.269.26.691-.004.955c-.09.091-.93.885-2.535.885"/><path fill="#269" d="M24.523 13c-2.796 0-4.66.857-6.523.857S14.272 13 11.477 13c-2.796 0-.932 4.903 0 5.76s4.66-.857 6.523-.857s5.591 1.714 6.523.857s2.796-5.76 0-5.76"/><path fill="#88c9f9" d="M14.5 17.269a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85 0 0 1 .847.846v.845a.85.85 0 0 1-.847.847m7 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847"/><path fill="#c1694f" d="M18.777 20.5h-1.69a.424.424 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153c0 .233-.19.423-.424.423"/><path fill="#dd2e44" d="M24.056 36c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056 2zM18 31.022S13 31 11 32c0 0-1.319-2.978-3.703-3.325c-2.955-.43-4.742 1.746-4.742 1.746s.884-1.785 2.915-2.796c1.968-.979 4.038.075 4.038.075s1.2-.739 2.2-.739c1.066 0 2.095.094 2.667.914c.719 1.031 2.625 3.147 3.625 3.147"/><path fill="#dd2e44" d="M17.992 31.022s5-.022 7 .978c0 0 1.319-2.978 3.703-3.325c2.955-.43 4.742 1.746 4.742 1.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066 0-2.095.094-2.667.914c-.718 1.032-2.625 3.148-3.625 3.148"/></svg>Comment utiliser l'icône Superhero
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:superhero" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:superhero" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:superhero" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--superhero]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:superhero"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:superhero"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/twemoji/superhero.svg" alt="Icône Superhero" width="24" height="24">Icônes similaires dans Twitter Emoji
L'icône Superhero dans d'autres collections
FAQ : Icône Superhero
L'icône Superhero 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 Superhero dans React ?
Installez @iconify/react et affichez <Icon icon="twemoji:superhero" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Superhero à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/twemoji/superhero.svg" alt="Icône Superhero">, ou collez le code SVG directement dans la page pour le styliser en CSS.