Space Shuttle アイコン

Q: Space Shuttle アイコンは商用利用でも無料ですか?

はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-kameleon-color:space-shuttle

Space Shuttle アイコン(streamline-kameleon-color:space-shuttle)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Kameleon color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 地図・旅行
タグ: spaceshuttle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#32bea6" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#3e3e3f" d="M29.236 18.327c0-1.099-2.3-8.29-5.236-8.29c-2.98 0-5.236 7.337-5.236 8.29v17.89h10.472z"/><path fill="#5b5c5f" d="M24 10.036c-2.98 0-5.236 7.338-5.236 8.29v17.89H24z"/><path fill="#e2e4e5" d="M18.764 17.268a.87.87 0 0 0-.133-.463l-1.31-2.842a.872.872 0 0 0-1.48 0l-1.308 2.842a.87.87 0 0 0-.133.463v18.948h4.363z"/><path fill="#fff" d="M16.525 13.56a.87.87 0 0 0-.683.403l-1.31 2.842a.87.87 0 0 0-.132.463v18.948h2.125z"/><path fill="#e2e4e5" d="M33.6 17.268a.87.87 0 0 0-.133-.463l-1.309-2.842a.872.872 0 0 0-1.48 0l-1.309 2.842a.87.87 0 0 0-.133.463v18.948H33.6z"/><path fill="#fff" d="M31.361 13.56a.87.87 0 0 0-.683.403l-1.309 2.842a.87.87 0 0 0-.133.463v18.948h2.125z"/><path fill="#f0f1f1" d="M34.954 32.47c-3.047-2.017-5.501-4.525-7.49-7.418a4.8 4.8 0 0 1-.846-2.719V18.13a.9.9 0 0 0-.126-.449l-1.13-2.409l-.616-1.309a.872.872 0 0 0-1.492 0l-.615 1.31l-1.13 2.408a.9.9 0 0 0-.127.45v4.203c0 .974-.294 1.916-.846 2.719c-1.988 2.893-4.443 5.401-7.49 7.419a.87.87 0 0 0-.391.728v2.144a.873.873 0 0 0 .873.873h20.945a.873.873 0 0 0 .873-.873V33.2a.87.87 0 0 0-.392-.728"/><path fill="#3e3e3f" d="M28.093 36.875c-.09-.352.028.118-.707-2.827a1.75 1.75 0 0 0-1.693-1.322h-.883c-.19-.517-.45-.873-.81-.873s-.621.356-.811.873h-.882a1.75 1.75 0 0 0-1.693 1.322c-.735 2.945-.617 2.475-.707 2.827a.87.87 0 0 0 .162.75a.86.86 0 0 0 .685.337h6.493a.86.86 0 0 0 .685-.336a.87.87 0 0 0 .161-.75"/><path fill="#fff" d="m23.254 13.962l-.615 1.31l-1.13 2.408a.9.9 0 0 0-.127.45v4.203c0 .975-.294 1.916-.846 2.719c-1.988 2.893-4.442 5.401-7.49 7.419a.87.87 0 0 0-.391.728v2.144a.873.873 0 0 0 .873.873H24V13.539a.87.87 0 0 0-.746.423"/><path fill="#5b5c5f" d="M24 31.853c-.36 0-.621.356-.811.873h-.882a1.75 1.75 0 0 0-1.693 1.322c-.735 2.945-.617 2.475-.707 2.827a.87.87 0 0 0 .162.75a.86.86 0 0 0 .685.337H24z"/><path fill="#40c9e7" d="M24 16.145a1.745 1.745 0 0 0-1.746 1.745h3.491A1.745 1.745 0 0 0 24 16.144"/><path fill="#9ce5f4" d="M24 16.145a1.746 1.746 0 0 0-1.746 1.745H24z"/><path fill="#5b5c5f" d="M25.362 15.271h-2.723l.615-1.309a.872.872 0 0 1 1.492 0z"/><path fill="#9e9fa0" d="M24 13.54a.87.87 0 0 0-.746.422l-.615 1.31H24zm3.932 24.086a.86.86 0 0 1-.685.336h-6.493a.86.86 0 0 1-.685-.336a.87.87 0 0 1-.162-.75l.057-.223h8.073l.056.222a.87.87 0 0 1-.161.75"/></g></svg>

Space Shuttle アイコンの使い方

React

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

<Icon icon="streamline-kameleon-color:space-shuttle" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:space-shuttle" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:space-shuttle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--space-shuttle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:space-shuttle"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-kameleon-color:space-shuttle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/space-shuttle.svg" alt="Space Shuttle アイコン" width="24" height="24">

Kameleon color icons の関連アイコン

他のアイコンセットの Space Shuttle アイコン

Space Shuttle アイコンのよくある質問

Space Shuttle アイコンは商用利用でも無料ですか?

はい。Kameleon color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Space Shuttle アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-kameleon-color:space-shuttle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Space Shuttle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/space-shuttle.svg" alt="Space Shuttle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Kameleon color icons をすべて見る →