Rocket アイコン
oui:rocket
Rocket アイコン(oui:rocket)は、OpenSearch UI セットの無料 SVG アイコンです（作者: OpenSearch Contributors）。 24 × 24 のグリッドで描かれています。 OpenSearch UI icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenSearch UI
- 作者
- OpenSearch Contributors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.333 8.667c0-3.392 1.935-6.291 4.667-7.455c2.731 1.164 4.666 4.063 4.666 7.455q0 .824-.147 1.602l1.294 1.221c.11.104.136.27.064.402l-1.664 3.05a.333.333 0 0 1-.528.076l-1.49-1.49a.67.67 0 0 0-.471-.195H6.276a.67.67 0 0 0-.472.195l-1.49 1.49a.333.333 0 0 1-.528-.076l-1.663-3.05a.33.33 0 0 1 .064-.402l1.293-1.222a8.7 8.7 0 0 1-.147-1.601m.984 4.464l.545-.545A2 2 0 0 1 6.276 12h3.448a2 2 0 0 1 1.414.586l.544.545l.655-1.2l-.733-.693a1.33 1.33 0 0 1-.396-1.214q.125-.666.125-1.357c0-2.58-1.33-4.867-3.333-5.973C5.996 3.8 4.666 6.087 4.666 8.667q0 .691.125 1.357c.083.446-.066.903-.396 1.214l-.733.692l.655 1.2zM8 8.667A1.333 1.333 0 1 1 8 6a1.333 1.333 0 0 1 0 2.667"/></svg>
Rocket アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="oui:rocket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="oui:rocket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="oui:rocket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--rocket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:rocket"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:rocket"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/oui/rocket.svg" alt="Rocket アイコン" width="24" height="24">
Rocket アイコン のよくある質問
Rocket アイコンは商用利用でも無料ですか?
はい。OpenSearch UI icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rocket アイコンを使うには?
@iconify/react をインストールして <Icon icon="oui:rocket" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rocket アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/oui/rocket.svg" alt="Rocket アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
OpenSearch UI アイコン をすべて見る →
ICONYZ
