Rocket アイコン
simple-line-icons:rocket
Rocket アイコン(simple-line-icons:rocket)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M209.68 883.264c-20.112 41.807-32.802 69.666-144.689 73.73c3.216-107.968 23.792-119.552 64.992-140.08c17.296-8.624 38.832-19.344 62.113-37.248l-38.96-49.744c-18.4 14.128-35.329 21.568-51.697 29.712C32.8 793.858.45 827.569.45 988.289l.543 32.704l31.456-.704c169.632 0 201.328-38.32 233.104-104.32c6.96-14.464 10.832-24.24 22.56-43.729l-47.456-43.104c-14.224 19.408-23.104 37.872-30.976 54.128zm495.279-694.607c-70.768 0-128.352 57.583-128.352 128.335c0 70.784 57.6 128.353 128.352 128.353s128.336-57.584 128.336-128.352c0-70.752-57.6-128.336-128.336-128.336m0 192.415c-35.328 0-64.08-28.752-64.08-64.08c0-35.313 28.752-64.08 64.08-64.08s64.08 28.767 64.08 64.08c-.016 35.344-28.752 64.08-64.08 64.08m318.821-351.76c-.976-15.968-13.63-28.771-29.598-29.955c0 0-179.088-13.056-351.376 51.28c-62.944 23.504-114.752 60.737-163.104 117.137c-40.32 47.025-80.385 132.032-115.745 202.608c-13.664 27.248-26.72 53.313-37.792 73.217H148.15a32 32 0 0 0-23.936 10.768L6.917 581.503A31.99 31.99 0 0 0 .388 612.51c3.44 10.785 12.32 18.945 23.329 21.44l190.944 43.665c13.007 16.064 34.687 40.097 69.376 78.593l72.335 80.192l38.945 164.72a31.98 31.98 0 0 0 21.231 23.056c3.233 1.024 6.576 1.568 9.904 1.568a31.95 31.95 0 0 0 20.832-7.712l118.56-117.936a31.98 31.98 0 0 0 11.184-24.288v-165.12c15.936-9.904 44.191-25.152 70.783-40.032c72.464-40.496 180.624-90.912 225.472-130.784c63.153-56.128 86.16-97.28 108.752-158.112c53.712-144.688 42.288-344.031 41.744-352.447zM922.001 359.469c-19.712 53.072-37.568 84.83-91.248 132.558c-39.664 35.232-148.128 85.824-214.192 122.769c-49.312 27.568-78.848 43.664-91.792 54.256a31.95 31.95 0 0 0-11.76 24.784v167.248l-67.52 74.193l-28.752-121.6a31.95 31.95 0 0 0-7.393-14.064c-58.847-65.216-147.743-163.808-154.56-171.632a32 32 0 0 0-17.568-10.848L90.624 583.597l71.904-76H344.56a31.99 31.99 0 0 0 27.264-15.248c14.08-22.928 30.416-55.536 49.344-93.296c32.048-63.952 71.92-148.544 107.12-189.632c41.584-48.528 83.824-79.009 136.896-98.848C783.28 66.445 905.152 61.805 960.864 62.22c1.04 59.008-1.184 195.824-38.863 297.248z"/></svg>
Rocket アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:rocket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:rocket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:rocket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--rocket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:rocket"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:rocket"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/rocket.svg" alt="Rocket アイコン" width="24" height="24">
Rocket アイコン のよくある質問
Rocket アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rocket アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:rocket" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rocket アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/rocket.svg" alt="Rocket アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
