Icône Astronaut
streamline-kameleon-color:astronaut
L'icône Astronaut (streamline-kameleon-color:astronaut) est une icône SVG gratuite de la collection Kameleon color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Kameleon color 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
- Kameleon color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Utilisateurs et personnes
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#25b7d3" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#fff" d="M22.257 37.962c-.683-.018-12.22 0-12.22 0s.436-8.29 1.745-9.163c1.598-1.065 7.855-1.745 7.855-1.745h8.727s6.257.68 7.854 1.745c1.31.873 1.746 9.163 1.746 9.163s-11.537-.018-12.22 0z"/><path fill="#e2e4e5" d="M28.364 27.054h-8.728s-3.863.42-6.294 1.117c1.419.921 3.676 2.622 3.676 4.119v5.672h13.964V32.29c0-1.497 2.257-3.198 3.676-4.12c-2.43-.696-6.294-1.116-6.294-1.116"/><path fill="#fff" d="M32.727 27.49s-.873 1.745-8.727 1.745c-7.855 0-8.728-1.746-8.728-1.746v-8.727A8.727 8.727 0 0 1 24 10.036a8.727 8.727 0 0 1 8.727 8.727z"/><path fill="#f1f2f2" d="M32.727 27.49v-8.727A8.727 8.727 0 0 0 24 10.035v19.199c7.855 0 8.727-1.746 8.727-1.746"/><path fill="#5b5c5f" d="M17.018 17.017v6.981c0 1.31 4.364 1.746 6.982 1.746V15.272c-2.618 0-6.982.436-6.982 1.745"/><path fill="#3e3e3f" d="M24 15.272v10.472c2.618 0 6.982-.437 6.982-1.746v-6.981c0-1.31-4.364-1.745-6.982-1.745"/><path fill="#fa5655" d="M22.692 12.654h-.874v.874h.874z"/><path fill="#cfd3d4" d="M27.054 12.654h-3.49v.873h3.49z"/><path fill="#fff" d="M27.49 33.599h-6.98l-2.182 4.363H30.11z"/><path fill="#47c4b7" d="M22.69 37.525a1.31 1.31 0 1 0 .001-2.618a1.31 1.31 0 0 0 0 2.618"/><path fill="#cfd3d4" d="M25.309 34.907h-.436v2.618h.436zm1.309 0h-.436v2.618h.436z"/><path fill="#e2e4e5" d="M15.273 24H14.4a.873.873 0 0 1-.873-.873v-3.491c0-.482.39-.873.873-.873h.873zm17.454 0h.873a.873.873 0 0 0 .873-.873v-3.491a.87.87 0 0 0-.873-.873h-.873z"/><path fill="#fa5655" d="M24 28.362c-7.855 0-8.727-1.745-8.727-1.745v1.745s.872 1.746 8.727 1.746c7.854 0 8.727-1.746 8.727-1.746v-1.745s-.873 1.745-8.727 1.745"/><path fill="#0484ab" d="M34.91 30.98h-2.183v2.183h2.182z"/><path fill="#fa5655" d="M37.133 30.98h-1.788v.874h1.96a21 21 0 0 0-.172-.873m.247 1.309h-2.035v.872h2.165a37 37 0 0 0-.13-.873m.187 1.31h-4.84v.872h4.944a51 51 0 0 0-.104-.872"/><path fill="#df2c2c" d="M32.727 28.362v-1.745s-.872 1.745-8.727 1.745v1.746c7.855 0 8.727-1.746 8.727-1.746"/><path fill="#fff" d="M33.6 18.763h-.873v2.618h1.746v-1.745a.873.873 0 0 0-.873-.873m-20.073.873v1.745h1.746v-2.618H14.4a.873.873 0 0 0-.873.873"/></g></svg>Comment utiliser l'icône Astronaut
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:astronaut" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:astronaut" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:astronaut" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--astronaut]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:astronaut"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:astronaut"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/astronaut.svg" alt="Icône Astronaut" width="24" height="24">Icônes similaires dans Kameleon color icons
L'icône Astronaut dans d'autres collections
FAQ : Icône Astronaut
L'icône Astronaut est-elle gratuite pour un usage commercial ?
Oui. Les Kameleon color 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 Astronaut dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-kameleon-color:astronaut" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Astronaut à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/astronaut.svg" alt="Icône Astronaut">, ou collez le code SVG directement dans la page pour le styliser en CSS.