Globe Showing Europe Africa アイコン
streamline-emojis:globe-showing-europe-africa
Globe Showing Europe Africa アイコン(streamline-emojis:globe-showing-europe-africa)は、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
- カテゴリ
- 動物・自然
- タグ
- globeshowing、showingeurope、europeafrica、globeshowingeuropeafrica
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#00b8f0" d="M4.33 22.83a19.67 19.67 0 1 0 39.34 0a19.67 19.67 0 1 0-39.34 0"/><path fill="#009fd9" d="M41.34 13.55a18.12 18.12 0 1 1-34.68 0a19.67 19.67 0 1 0 34.68 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.33 22.83a19.67 19.67 0 1 0 39.34 0a19.67 19.67 0 1 0-39.34 0"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m32.65 5.19l-3.81.68a.6.6 0 0 0-.17.06l-4.55 2.69a.5.5 0 0 1-.26.07h-3.27a.5.5 0 0 0-.28.09l-5.48 3.71a.5.5 0 0 0 0 .81l1 .77a.47.47 0 0 0 .52 0l3.71-1.8a.52.52 0 0 1 .51 0l1.45 1a.49.49 0 0 0 .66-.08l.52-.62a.5.5 0 0 1 .6-.12l2.09 1a.4.4 0 0 1 .11.07l1.27 1.12a.48.48 0 0 0 .41.11l1.29-.2a.5.5 0 0 1 .56.64l-.36 1.17a.5.5 0 0 0 .14.52l3.19 2.91a.47.47 0 0 1 .16.31l.27 2a.5.5 0 0 0 .67.4l2.59-1a.4.4 0 0 0 .22-.17l1.48-2A.5.5 0 0 0 38 19l-.24-1.29a.5.5 0 0 1 .63-.58l1.93.57a.49.49 0 0 1 .35.37l.83 3.7a.5.5 0 0 0 .88.2l1.18-1.49A19.66 19.66 0 0 0 32.65 5.19m-7.23-.59l-1.91-.54a.53.53 0 0 0-.37 0l-2.37 1.32a.49.49 0 0 0-.06.84l.73.53a.54.54 0 0 0 .41.08l2.09-.5h.12l1.46-.76a.51.51 0 0 0-.1-.97"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.1 16.76h-5.8a1.2 1.2 0 0 1-.37-.07l-2.28-.89a1 1 0 0 0-.44-.07l-3.93.3a2.22 2.22 0 0 0-1.43.66l-2.5 2.57a1 1 0 0 0-.28.7v3a1 1 0 0 0 .44.82l1.94 1.32a1 1 0 0 0 .66.16l3.89-.37a1 1 0 0 1 1 .51l2.56 4.6a1 1 0 0 1 .09.74l-.47 1.8a1 1 0 0 0 .13.81l2.34 3.53a1 1 0 0 0 1 .44l3.09-.46a1 1 0 0 0 .71-.47l2.93-4.86a1.1 1.1 0 0 0 .12-.53v-2.7a1 1 0 0 1 .35-.76l2.49-2.16a1 1 0 0 0 0-1.54L33 22.83l-3.42-2.54a1 1 0 0 1-.41-.76l-.07-1.81a1 1 0 0 0-1-.96m6.25 13.65l-1.66 2.42a.5.5 0 0 0-.08.39l.31 1.53a.5.5 0 0 0 .75.33l1.41-.84a.5.5 0 0 0 .22-.31l.79-3.11a.5.5 0 0 0-.48-.63h-.84a.54.54 0 0 0-.42.22"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m31 11.71l-.53 1.64a.5.5 0 0 0 .41.65l2.24.32a.52.52 0 0 0 .46-.19l.75-1a.49.49 0 0 0-.21-.76l-2.45-1a.5.5 0 0 0-.67.34"/></svg>Globe Showing Europe Africa アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:globe-showing-europe-africa" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:globe-showing-europe-africa" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:globe-showing-europe-africa" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--globe-showing-europe-africa]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:globe-showing-europe-africa"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:globe-showing-europe-africa"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/globe-showing-europe-africa.svg" alt="Globe Showing Europe Africa アイコン" width="24" height="24">Streamline Emojis の関連アイコン
他のアイコンセットの Globe Showing Europe Africa アイコン
Globe Showing Europe Africa アイコン のよくある質問
Globe Showing Europe Africa アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Globe Showing Europe Africa アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:globe-showing-europe-africa" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Showing Europe Africa アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/globe-showing-europe-africa.svg" alt="Globe Showing Europe Africa アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。