Ikon World

streamline-plump-color:world

Ikon World (streamline-plump-color:world) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Plump color icons
Pembuat: Streamline
Lisensi: CC-BY-4.0
Ukuran: 48 × 48
Kategori: Alam dan ekologi

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M19.05 11.175C22.263 15.122 25.488 20.719 27 24h17c-2.632-5.235-8.726-14.76-14.233-20.05a3.25 3.25 0 0 0-4.534 0c-2.05 1.968-4.18 4.523-6.183 7.225"/><path fill="#8fbffa" d="M38.369 3.129c-2.052 2.239-4.381 6.56-5.369 8.9c0 0 .504.218 2.37.357c-.998 1.87-1.862 3.772-2.37 5.097c0 0 1.091.517 6 .517s6-.517 6-.517c-.508-1.325-1.372-3.227-2.37-5.097c1.866-.139 2.37-.356 2.37-.356c-.988-2.341-3.317-6.662-5.369-8.901a.85.85 0 0 0-1.262 0"/><path fill="#fff" d="M5 24c1.628-3.532 5.242-9.75 8.687-13.702c1.249-1.432 3.377-1.432 4.626 0C21.758 14.25 25.373 20.468 27 24zm37 0c1.657 0 3.023 1.35 2.789 2.991C43.337 37.172 34.583 45 24 45C13.418 45 4.664 37.172 3.212 26.991C2.978 25.351 4.343 24 6 24z"/><path fill="#8fbffa" d="M24.428 24H42c1.657 0 3.023 1.35 2.789 2.991c-1.083 7.591-6.225 13.874-13.158 16.58c-.178-.066-.273-.104-.273-.104c-2.166-3.636-.34-5.799 1.19-7.612c.982-1.163 1.843-2.183 1.452-3.355c-.53-1.18-2.03-1.577-3.691-2.017c-2.789-.74-6.03-1.599-5.881-6.483m-8.905 0c.996 1.72 1.33 3.58.477 5.5c-.871 1.96-2.502 2.687-4.147 3.42c-1.775.792-3.568 1.591-4.444 3.955a20.9 20.9 0 0 1-4.197-9.884C2.978 25.351 4.343 24 6 24z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M5 24c1.628-3.531 5.242-9.749 8.687-13.701c1.249-1.432 3.377-1.432 4.626 0C21.758 14.25 25.373 20.469 27 24"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M19.053 11.178c2.029-2.777 4.188-5.398 6.26-7.354a3.16 3.16 0 0 1 4.374 0q.404.382.813.797M42 24c1.657 0 3.022 1.35 2.788 2.991C43.337 37.172 34.582 45 24 45S4.663 37.172 3.21 26.991C2.977 25.351 4.343 24 6 24z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M15.523 24c.995 1.72 1.33 3.58.477 5.5c-.871 1.96-2.502 2.687-4.148 3.42c-1.775.792-3.568 1.591-4.443 3.955M24.428 24c-.148 4.884 3.092 5.743 5.88 6.483c1.661.44 3.161.838 3.692 2.017c.39 1.172-.47 2.191-1.451 3.355c-1.531 1.813-3.357 3.976-1.191 7.612m7.011-40.338c-2.052 2.239-4.381 6.56-5.369 8.9c0 0 .504.218 2.37.357c-.998 1.87-1.862 3.772-2.37 5.097c0 0 1.091.517 6 .517s6-.517 6-.517c-.508-1.325-1.372-3.227-2.37-5.097c1.866-.139 2.37-.356 2.37-.356c-.988-2.341-3.317-6.662-5.369-8.901a.85.85 0 0 0-1.262 0M39 18v6"/></g></svg>

Cara memakai ikon World

React

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

<Icon icon="streamline-plump-color:world" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:world" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:world" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--world]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-plump-color:world"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/world.svg" alt="Ikon World" width="24" height="24">

Ikon terkait di Plump color icons

Ikon World di set ikon lain

FAQ Ikon World

Apakah ikon World gratis untuk penggunaan komersial?

Ya. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon World di React?

Pasang @iconify/react lalu render <Icon icon="streamline-plump-color:world" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon World ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/world.svg" alt="Ikon World">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Plump color icons →