Flying Saucer アイコン
twemoji:flying-saucer
Flying Saucer アイコン(twemoji:flying-saucer)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 旅行・場所
- タグ
- flyingsaucer
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffd983" d="M32.831 20.425c-.689 3.241-9.21 6.221-17.314 4.499S.841 17.013 1.53 13.772s8.587-3.287 16.69-1.564s15.3 4.976 14.611 8.217"/><path fill="#ffd983" d="m27 36l-2-14l-17-5l-8 19z"/><ellipse cx="17.481" cy="15.685" fill="#67757f" rx="7.556" ry="17" transform="rotate(-78 17.482 15.686)"/><path fill="#67757f" d="m.414 10.977l.414 2.315l32.866 6.986l1.412-2.126z"/><ellipse cx="18.012" cy="13.186" fill="#9aaab4" rx="8" ry="18" transform="rotate(-78 18.013 13.186)"/><ellipse cx="18.428" cy="11.229" fill="#ccd6dd" rx="6" ry="15" transform="rotate(-78 18.43 11.23)"/><ellipse cx="18.844" cy="9.273" fill="#e1e8ed" rx="3" ry="9" transform="rotate(-78 18.845 9.274)"/><path fill="#5dadec" d="M10.041 7.402c.344-1.621 2.996-4.475 9.843-3.02s8.108 5.141 7.764 6.762s-4.565 2.097-9.427 1.063s-8.525-3.184-8.18-4.805"/><circle cx="16.765" cy="19.055" r="1" fill="#8ccaf7"/><circle cx="24.798" cy="19.74" r="1" fill="#8ccaf7"/><circle cx="32.269" cy="18.261" r="1" fill="#8ccaf7"/><ellipse cx="34.183" cy="14.067" fill="#8ccaf7" rx=".5" ry="1" transform="rotate(-50.811 34.182 14.066)"/><ellipse cx="2.802" cy="7.397" fill="#8ccaf7" rx="1" ry=".5" transform="rotate(-15.188 2.802 7.396)"/><circle cx="2.924" cy="12.023" r="1" fill="#8ccaf7"/><circle cx="9.148" cy="16.413" r="1" fill="#8ccaf7"/><ellipse cx="19.572" cy="5.85" fill="#8ccaf7" rx="1.5" ry="5" transform="rotate(-78 19.573 5.85)"/></svg>
Flying Saucer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:flying-saucer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:flying-saucer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:flying-saucer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--flying-saucer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:flying-saucer"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:flying-saucer"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/flying-saucer.svg" alt="Flying Saucer アイコン" width="24" height="24">
他のアイコンセットの Flying Saucer アイコン
Flying Saucer アイコン のよくある質問
Flying Saucer アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Flying Saucer アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:flying-saucer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flying Saucer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/flying-saucer.svg" alt="Flying Saucer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
