Icône Rocket
openmoji:rocket
L'icône Rocket (openmoji:rocket) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- OpenMoji
- Auteur
- OpenMoji
- Licence
- CC-BY-SA-4.0
- Taille
- 72 × 72
- Catégorie
- Voyage et lieux
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="48.465" cy="23.759" r="2.101" fill="#fff"/><path fill="#fcea2b" d="M16.12 48.114c-3.158 3.163-4.652 7.56-3.97 11.688c4.128.676 8.522-.82 11.683-3.977c3.158-3.163 4.652-7.56 3.97-11.688c-4.128-.676-8.522.82-11.683 3.977"/><path fill="#61b2e4" d="M31.973 45.839a5 5 0 0 1-1.362 2.55a5 5 0 0 1-1.145.852a29.9 29.9 0 0 1 4.695 9.75q1.065-.931 2.042-1.968a30.7 30.7 0 0 0 4.852-6.832a30.7 30.7 0 0 0 2.744-7.636c-3.729 1.955-7.772 3.077-11.826 3.284"/><path fill="#92d3f5" d="M14.923 35.749q-1.035.975-1.97 2.038a29.9 29.9 0 0 1 9.761 4.679c.227-.414.51-.794.844-1.128a5 5 0 0 1 2.542-1.36c.21-4.05 1.336-8.09 3.292-11.814l.006-.011a30.8 30.8 0 0 0-7.64 2.743a30.8 30.8 0 0 0-6.835 4.853"/><path fill="#ea5a47" d="M34.821 20.747c-5.231 5.25-8.366 12.164-8.723 19.233a4.99 4.99 0 0 1 4.515 1.358a4.99 4.99 0 0 1 1.356 4.534c7.076-.361 13.992-3.503 19.242-8.74c6.712-6.723 9.885-16.067 8.434-24.84a26 26 0 0 0-5.292-.313c-7.174.292-14.21 3.45-19.532 8.767zm10.249-.53a4.716 4.716 0 0 1 6.669 0a4.713 4.713 0 0 1 .002 6.668h-.001a4.717 4.717 0 0 1-6.67-6.667"/><path fill="#f1b31c" d="M26.538 52.037a14.5 14.5 0 0 1-3.007 2.562c-3.49 2.223-7.725 2.834-11.441 1.653c-.15 1.196-.13 2.391.06 3.55c4.128.676 8.522-.82 11.683-3.978a14.4 14.4 0 0 0 2.705-3.787"/><path fill="#d22f27" d="M26.204 38.687q-.05.642-.068 1.283a4.985 4.985 0 0 1 5.833 5.901c7.075-.361 13.99-3.503 19.24-8.74a31 31 0 0 0 3.974-4.935a31 31 0 0 1-4.352 3.308c-7.558 4.71-16.694 5.892-24.627 3.183"/><path fill="#61b2e4" d="M24.039 48.551q1.305-.657 2.55-1.438a31.7 31.7 0 0 0 6.63-5.555l.002-.003a31.7 31.7 0 0 0 4.733-6.912a1 1 0 0 0 .105-.387c-3.399-.753-14.846 10.251-14.02 14.295"/><path d="M48.405 29.49c-3.276 0-5.941-2.664-5.941-5.94s2.665-5.938 5.941-5.938s5.941 2.664 5.941 5.939s-2.665 5.939-5.941 5.939m0-9.899c-2.184 0-3.96 1.776-3.96 3.96s1.776 3.96 3.96 3.96s3.96-1.777 3.96-3.96s-1.776-3.96-3.96-3.96"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.949" d="M20.653 45.063a14.4 14.4 0 0 0-4.533 3.05c-3.158 3.164-4.652 7.56-3.97 11.688c4.128.676 8.522-.82 11.683-3.977a14.4 14.4 0 0 0 3.053-4.532M14.923 35.749q-1.035.975-1.97 2.038a29.9 29.9 0 0 1 9.761 4.679c.227-.414.51-.794.844-1.128a5 5 0 0 1 2.542-1.36c.21-4.05 1.336-8.09 3.292-11.814l.006-.011a30.8 30.8 0 0 0-7.64 2.743a30.8 30.8 0 0 0-6.835 4.853m17.05 10.09a5 5 0 0 1-1.362 2.55a5 5 0 0 1-1.145.852a29.9 29.9 0 0 1 4.695 9.75q1.065-.931 2.042-1.968a30.7 30.7 0 0 0 4.852-6.832a30.7 30.7 0 0 0 2.744-7.636c-3.729 1.955-7.772 3.077-11.826 3.284"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.949" d="M31.83 43.345c.27.886.25 1.692.137 2.525c7.076-.362 13.993-3.504 19.243-8.742c6.71-6.721 9.884-16.063 8.435-24.834c-8.771-1.436-18.108 1.742-24.823 8.451c-5.232 5.251-8.368 12.164-8.724 19.234a5 5 0 0 1 2.77.239"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.949" d="M37.072 34.196a30.8 30.8 0 0 0-6.7 4.584a30.7 30.7 0 0 0-5.384 6.421a30 30 0 0 0-1.392 2.47"/></svg>Comment utiliser l'icône Rocket
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:rocket" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:rocket" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:rocket" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--rocket]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:rocket"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:rocket"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/rocket.svg" alt="Icône Rocket" width="24" height="24">L'icône Rocket dans d'autres collections
FAQ : Icône Rocket
L'icône Rocket est-elle gratuite pour un usage commercial ?
Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Rocket dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:rocket" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rocket à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/rocket.svg" alt="Icône Rocket">, ou collez le code SVG directement dans la page pour le styliser en CSS.