ICONYZ
Français
Icône Rocket de Emoji One (Monotone)

Icône Rocket

emojione-monotone:rocket

L'icône Rocket (emojione-monotone:rocket) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) 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
Emoji One (Monotone)
Auteur
Emoji One
Licence
CC-BY-4.0
Taille
64 × 64
Catégorie
Voyage
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m61.995 3.877l-.062-1.805l-1.812-.069S60.023 2 59.836 2c-2.637 0-16.43.638-29.02 13.224c-3.371 3.368-6.324 6.899-8.715 10.356C12.944 21.872 2 32.808 2 32.808s8.415-3.505 14.489 3.768c-.448 1.541-.649 2.875-.671 4.032l-1.656 1.657c-.485.485-.446 1.313.039 1.799l.399.398l-1.142 1.143c-.279.279-.363.705-.163 1.021c-.807-.155-1.975.38-4.369 1.269c-3.027 1.123-3.585 3.677-3.585 3.677s.976.479 2.406.624c-1.828 2.644-1.409 5.448-1.409 5.448s2.806.418 5.449-1.408c.145 1.43.624 2.405.624 2.405s2.557-.559 3.679-3.587c.902-2.43 1.44-3.597 1.261-4.403c.329.164.773.133 1.029-.123l1.143-1.144l.479.479c.487.485 1.235.446 1.719-.041l1.68-1.677c1.217-.025 2.555-.253 3.988-.668C34.727 53.552 31.202 62 31.202 62s10.969-10.965 7.22-20.128c3.423-2.36 6.95-5.307 10.347-8.701C62.374 19.573 62.018 4.511 61.995 3.877m-45.99 48.586c-.623 1.68-2.039 1.99-2.039 1.99s-.367-.759-.364-1.793c-1.528 1.213-3.253.973-3.253.973s-.239-1.725.974-3.253c-1.036.002-1.794-.364-1.794-.364s.31-1.416 1.99-2.039c1.292-.479 1.934-.764 2.38-.7l2.809 2.808c.063.445-.223 1.087-.703 2.378m7.154-6.246a7 7 0 0 1-1.754-.224l-3.44-3.44c-1.352-5.55 4.495-16.231 14.224-25.957C37.464 11.323 42.985 8.247 47.71 6.45l9.836 9.836c-1.797 4.722-4.873 10.24-10.149 15.513c-8.796 8.792-18.378 14.418-24.238 14.418"/><path fill="currentColor" d="M42.261 16.88a4.853 4.853 0 1 0 0 9.707a4.856 4.856 0 0 0 4.855-4.853a4.856 4.856 0 0 0-4.855-4.854m0 8.088a3.235 3.235 0 1 1-.002-6.47a3.235 3.235 0 0 1 .002 6.47m-9.71 1.617a4.857 4.857 0 0 0-4.855 4.854a4.855 4.855 0 0 0 9.708 0a4.855 4.855 0 0 0-4.853-4.854m-.001 8.088a3.235 3.235 0 1 1 0-6.469a3.234 3.234 0 0 1 3.236 3.236a3.23 3.23 0 0 1-3.236 3.233"/><circle cx="46.905" cy="7.938" r=".809" fill="currentColor"/><circle cx="49.195" cy="10.225" r=".808" fill="currentColor"/><circle cx="51.484" cy="12.513" r=".81" fill="currentColor"/><circle cx="53.771" cy="14.8" r=".81" fill="currentColor"/><path fill="currentColor" d="M56.634 16.516a.81.81 0 0 0-1.146 0a.81.81 0 0 0 0 1.145a.814.814 0 0 0 1.146 0a.81.81 0 0 0 0-1.145"/></svg>

Comment utiliser l'icône Rocket

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:rocket" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:rocket" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:rocket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--rocket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:rocket"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:rocket"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/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 Emoji One (Monotone) 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 Rocket dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-monotone: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/emojione-monotone/rocket.svg" alt="Icône Rocket">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →