Icône Rocket Flat
streamline-flex-color:rocket-flat
L'icône Rocket Flat (streamline-flex-color:rocket-flat) est une icône SVG gratuite de la collection Flex color icons par Streamline. Elle est dessinée sur une grille de 14 × 14. Les Flex 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
- Flex color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 14 × 14
- Catégorie
- Nature et écologie
- Mots-clés
- rocketflat
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#2859c5" d="M3.617 7.445h-.021c-.877-.011-2.11 1.08-2.549 1.864c-.441.79-.612 1.799-.396 3.063c.122.715.76 1.16 1.422 1.16h.238c.864 0 1.386-.73 1.64-1.256c.088-.182.504-.492.774-.626l.05-.07l-.022-.044c-.393-.955-.901-2.467-1.136-4.091m5.582 4.136l.05.069c.27.134.686.444.774.626c.254.526.775 1.256 1.64 1.256h.238c.661 0 1.3-.445 1.422-1.16c.216-1.264.045-2.273-.397-3.063c-.438-.785-1.671-1.875-2.548-1.864h-.02c-.236 1.624-.744 3.136-1.138 4.091z"/><path fill="#8fbffa" d="M6.807.251a.5.5 0 0 1 .36 0c1.265.487 2.11 1.3 2.628 2.29c.512.978.694 2.104.692 3.215c-.004 2.215-.739 4.498-1.267 5.78a.5.5 0 0 1-.462.31H5.216a.5.5 0 0 1-.463-.31c-.527-1.282-1.262-3.565-1.266-5.78c-.002-1.111.18-2.237.692-3.215c.519-.99 1.363-1.803 2.628-2.29"/><path fill="#2859c5" d="M3.75 3.636a7 7 0 0 0-.225 1.25h6.923a7 7 0 0 0-.225-1.25zm3.987 4.396a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0z"/></g></svg>Comment utiliser l'icône Rocket Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:rocket-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:rocket-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:rocket-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--rocket-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:rocket-flat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:rocket-flat"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/rocket-flat.svg" alt="Icône Rocket Flat" width="24" height="24">Icônes similaires dans Flex color icons
FAQ : Icône Rocket Flat
L'icône Rocket Flat est-elle gratuite pour un usage commercial ?
Oui. Les Flex 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 Rocket Flat dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-flex-color:rocket-flat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rocket Flat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-flex-color/rocket-flat.svg" alt="Icône Rocket Flat">, ou collez le code SVG directement dans la page pour le styliser en CSS.