Astronaut 2 アイコン

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

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

streamline-emojis:astronaut-2

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

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M9 45.5a15 1.5 0 1 0 30 0a15 1.5 0 1 0-30 0" opacity=".15"/><path fill="#fff" d="M32.74 32.84L24 30l-8.74 2.87a6.86 6.86 0 0 0-5 6.31V45h27.52v-5.85a6.86 6.86 0 0 0-5.04-6.31"/><path fill="#e0e0e0" d="M32.74 32.84L24 30l-8.74 2.87a6.86 6.86 0 0 0-5 6.31v3a6.86 6.86 0 0 1 5-6.31L24 33l8.74 2.87a6.86 6.86 0 0 1 5 6.31v-3a6.86 6.86 0 0 0-5-6.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.74 32.84L24 30l-8.74 2.87a6.86 6.86 0 0 0-5 6.31V45h27.52v-5.85a6.86 6.86 0 0 0-5.04-6.31"/><path fill="#fff" d="M14.9 32.04a9.1 4.16 0 1 0 18.2 0a9.1 4.16 0 1 0-18.2 0"/><path fill="#e0e0e0" d="M24 27.88c-4.48 0-8.2 1.48-8.95 3.43c.75 1.95 4.47 3.43 9 3.43s8.2-1.48 9-3.43c-.85-1.95-4.57-3.43-9.05-3.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.9 32.04a9.1 4.16 0 1 0 18.2 0a9.1 4.16 0 1 0-18.2 0M32.21 45V33.84M15.79 45V33.84"/><path fill="#e0e0e0" d="M38.49 16.24h-.89a13.92 13.92 0 0 0-27.2 0h-.89a1 1 0 0 0-1 1v3.92a1 1 0 0 0 1 1h.89a13.92 13.92 0 0 0 27.2 0h.89a1 1 0 0 0 1-1v-3.92a1 1 0 0 0-1-1"/><path fill="#fff" d="M38.49 16.24h-.89a13.92 13.92 0 0 0-27.2 0h-.89a1 1 0 0 0-1 1v2.32a1 1 0 0 1 1-1a1.12 1.12 0 0 0 1.08-.82a13.92 13.92 0 0 1 26.8 0a1.12 1.12 0 0 0 1.08.82a1 1 0 0 1 1 1v-2.32a1 1 0 0 0-.98-1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.49 16.24h-.89a13.92 13.92 0 0 0-27.2 0h-.89a1 1 0 0 0-1 1v3.92a1 1 0 0 0 1 1h.89a13.92 13.92 0 0 0 27.2 0h.89a1 1 0 0 0 1-1v-3.92a1 1 0 0 0-1-1"/><path fill="#656769" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.4 19.2a11.6 11.6 0 1 0 23.2 0a11.6 11.6 0 1 0-23.2 0"/><path fill="#ffcebf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.13 14.74h-4.26a7 7 0 0 0-7 7a9 9 0 0 0 .13 1.34a9.09 9.09 0 0 0 18 0a9 9 0 0 0 .11-1.37a7 7 0 0 0-6.98-6.97"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.57 20.91a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77m10.86 0a.77.77 0 1 1-.77-.77a.76.76 0 0 1 .77.77"/><path fill="#ff6242" d="M21.16 25.6a.44.44 0 0 0-.33.16a.41.41 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.41.41 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffa694" d="M24 27a4 4 0 0 0-2.52.77a3.36 3.36 0 0 0 5 0A4 4 0 0 0 24 27"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.16 25.6a.44.44 0 0 0-.33.16a.41.41 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.41.41 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffb59e" d="M17.06 24.19a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0m11.88 0a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0"/><path fill="#00b8f0" d="M24 7.6a11.61 11.61 0 0 0-11.36 9.23A29.5 29.5 0 0 1 24 14.74a29.5 29.5 0 0 1 11.36 2.09A11.61 11.61 0 0 0 24 7.6"/><path fill="#4acfff" d="M24 10.5c5.69 0 10.42 2.7 11.34 6.24a11.6 11.6 0 0 0-22.68 0c.92-3.54 5.65-6.24 11.34-6.24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 7.6a11.61 11.61 0 0 0-11.36 9.23A29.5 29.5 0 0 1 24 14.74a29.5 29.5 0 0 1 11.36 2.09A11.61 11.61 0 0 0 24 7.6"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.82 39.41h4.55v2.5h-4.55z"/><path fill="#009fd9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.67 40.66a1.25 1.25 0 1 0 2.5 0a1.25 1.25 0 1 0-2.5 0"/></svg>

Astronaut 2 アイコンの使い方

React

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

<Icon icon="streamline-emojis:astronaut-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:astronaut-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:astronaut-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--astronaut-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:astronaut-2"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:astronaut-2"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/astronaut-2.svg" alt="Astronaut 2 アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

Astronaut 2 アイコンのよくある質問

Astronaut 2 アイコンは商用利用でも無料ですか?

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

React で Astronaut 2 アイコンを使うには?

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

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

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

Streamline Emojis アイコンをすべて見る →