أيقونة Rocket

flat-ui:rocket

أيقونة Rocket (flat-ui:rocket) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 100 × 100. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Flat UI Icons
المؤلف: Designmodo, Inc.
الترخيص: MIT
الحجم: 100 × 100

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#33495F"/><clipPath id="SVGpe8tHdIf"><path d="M100 50c0 27.614-22.387 50-50 50c-27.614 0-50-22.386-50-50S22.386 0 50 0h50z"/></clipPath><g fill="#fff" clip-path="url(#a )"><path d="M31 19.5q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5" clip-path="url(#SVGpe8tHdIf)" opacity=".2"/><path d="M71 74.5q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5m-60-10q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5" clip-path="url(#SVGpe8tHdIf)" opacity=".1"/></g><g clip-path="url(#SVGpe8tHdIf)"><path fill="#E94B35" d="M100 .1c-.156.018-.117.058-.1-.1c-23.316 2.979-36.539 12.281-44.035 22.035a51 51 0 0 0-.782 1.047l-.008.01C47.015 34.196 46.087 45.812 46 49h-1l-1 3l4 4l3-1v-1a40 40 0 0 0 7.066-.773l.002.002c.729-.182.932.076.932 3.771v9c0 1.809.943 2.497 1.945 1.494c2.423-2.428 3.003-3.023 8.5-8.528c4.16-4.167 4.676-6.595 2.957-11.059C83.953 41.369 96.432 27.888 100 .1"/><path fill="#C23824" d="m48 56l-4-4l1-3h2l4 4v2zm4-28c-1.718-.69-2-1-4-1s-4.183 1.38-6.861 4.063c-4.254 4.259-4.85 4.839-8.516 8.508C31.425 40.771 33.263 41 36 41c5.233 0 9.297-.125 10.791 1.42C48.764 44.46 52 28 52 28m48-28c-.639 4.973-1.566 9.579-2.721 13.678c-1.049-1.97-2.562-4.364-4.5-6.272c-2.151-2.12-4.812-3.632-6.826-4.585C91.979 1.091 96.783.412 100 0"/><path fill="#fff" d="M72.402 47.907c1.719 4.463 1.312 6.788-2.854 10.954c-.844.844-7.828 7.859-8.604 8.633c-1.003 1.002-1.911.315-1.944-1.494v-.652c3-3 9.689-8.938 11-11.348c.768-1.411.352-3.654 0-5c-3.312 1.76-11.516 4.094-11.932 4.229c-3.162.646-5.601.714-7.068.771v-.656S80.975 43.681 100 0c-3.594 28.047-16.047 41.369-27.598 47.907" opacity=".3"/><path fill="#fff" d="M77.5 28c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5s6.5 2.916 6.5 6.5s-2.916 6.5-6.5 6.5"/><path fill="#C23824" d="M77.5 16a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11m0-2c-4.137 0-7.5 3.364-7.5 7.5s3.363 7.5 7.5 7.5s7.5-3.364 7.5-7.5s-3.363-7.5-7.5-7.5"/><path fill="#D7DCDE" d="m44 52l4 4l-35 36l-6-6z"/><path fill="#F7F7F7" d="m43.875 52l2 2L7.5 91.5l-3-3z"/></g></svg>

كيفية استخدام أيقونة Rocket

React

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

<Icon icon="flat-ui:rocket" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:rocket" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:rocket" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="flat-ui:rocket"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/flat-ui/rocket.svg" alt="أيقونة Rocket" width="24" height="24">

أيقونة Rocket في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Rocket

هل أيقونة Rocket مجانية للاستخدام التجاري؟

نعم. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Rocket في React؟

ثبّت @iconify/react واعرض <Icon icon="flat-ui:rocket" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Rocket إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flat-ui/rocket.svg" alt="أيقونة Rocket">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Flat UI Icons →