Ikon Rocket
openmoji:rocket
Ikon Rocket (openmoji:rocket) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Perjalanan dan tempat
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/rocket.svg" alt="Ikon Rocket" width="24" height="24">Ikon Rocket di set ikon lain
FAQ Ikon Rocket
Apakah ikon Rocket gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Rocket di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:rocket" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rocket ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/rocket.svg" alt="Ikon Rocket">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.