Ikon Earth Setting
streamline-ultimate-color:earth-setting
Ikon Earth Setting (streamline-ultimate-color:earth-setting) adalah ikon SVG gratis dari set Ultimate color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Ultimate 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
- Ultimate color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Peta dan navigasi
- Tag
- earthsetting
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="#66e1ff" d="M12.004 22.959c6.062 0 10.977-4.915 10.977-10.977S18.066 1.005 12.004 1.005S1.027 5.92 1.027 11.982s4.915 10.977 10.977 10.977"/><path fill="#c2f3ff" d="M3.89 13.905C3.89 5.89 12.2.575 19.476 3.94c-6.194-5.749-16.288-2.637-18.17 5.6a10.98 10.98 0 0 0 6.09 12.407a10.95 10.95 0 0 1-3.505-8.042"/><path fill="#78eb7b" d="M12.392 5.62a2.148 2.148 0 0 0 1.962 3.02h.413a2.86 2.86 0 0 1 2.386 1.275l2.117 3.178a2.86 2.86 0 0 0 2.386 1.274h1.07c.8-3.604-.264-7.37-2.832-10.022h-5.536a2.15 2.15 0 0 0-1.966 1.275M8.91 17.372l1.3-1.462a2.863 2.863 0 0 0-.115-3.93l-1.07-1.07a2.86 2.86 0 0 0-2.026-.84H1.193a10.99 10.99 0 0 0 6.993 12.206v-3c0-.702.257-1.38.723-1.904"/><path fill="#c9f7ca" d="M3.89 13.905a11 11 0 0 1 .688-3.833H1.193a10.99 10.99 0 0 0 6.204 11.874a10.95 10.95 0 0 1-3.507-8.04"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.4 22.726C6.153 24.57-.997 16.796 1.529 8.732s12.833-10.369 18.554-4.15a10.98 10.98 0 0 1 2.887 6.955"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m10.21 15.938l-1.3 1.464a2.86 2.86 0 0 0-.724 1.902v3.001M1.192 10.102h5.807c.76 0 1.488.301 2.026.838l1.07 1.072m9.794-7.637h-5.536c-1.654 0-2.687 1.79-1.86 3.222a2.15 2.15 0 0 0 1.86 1.074h.412c.362 0 .72.068 1.056.202m3.044 7.887a1.373 1.373 0 1 1-1.372-1.383a1.363 1.363 0 0 1 1.372 1.383"/><path fill="#e3e3e3" d="M21.708 17.375a.9.9 0 0 1 0-1.241l.945-1.021a1.228 1.228 0 0 0-1.164-2.031l-1.35.317a.907.907 0 0 1-1.077-.625l-.406-1.328a1.215 1.215 0 0 0-2.327 0l-.407 1.328a.907.907 0 0 1-1.076.625l-1.35-.317a1.228 1.228 0 0 0-1.165 2.03l.945 1.022a.9.9 0 0 1 0 1.24l-.945 1.022a1.228 1.228 0 0 0 1.165 2.031l1.35-.317a.907.907 0 0 1 1.076.625l.407 1.328a1.215 1.215 0 0 0 2.327 0l.406-1.328a.907.907 0 0 1 1.076-.625l1.35.317a1.228 1.228 0 0 0 1.165-2.03zm-4.216.747a1.373 1.373 0 1 1 1.373-1.362a1.365 1.365 0 0 1-1.373 1.362"/><path fill="#fff" d="M20.138 13.4a.907.907 0 0 1-1.076-.625l-.406-1.329a1.215 1.215 0 0 0-2.327 0l-.407 1.33a.907.907 0 0 1-1.076.624l-1.35-.318a1.228 1.228 0 0 0-1.165 2.032l.945 1.02c.33.349.33.894 0 1.242l-.945 1.021a1.228 1.228 0 0 0 1.165 2.031l.51-.12l2.555-2.555a1.34 1.34 0 0 1-.441-.992a1.373 1.373 0 0 1 1.918-1.266c.172.077.327.188.452.328l2.662-2.66z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M21.708 17.375a.9.9 0 0 1 0-1.241l.945-1.021a1.228 1.228 0 0 0-1.164-2.031l-1.35.317a.907.907 0 0 1-1.077-.625l-.406-1.328a1.215 1.215 0 0 0-2.327 0l-.407 1.328a.907.907 0 0 1-1.076.625l-1.35-.317a1.228 1.228 0 0 0-1.165 2.03l.945 1.022a.9.9 0 0 1 0 1.24l-.945 1.022a1.228 1.228 0 0 0 1.165 2.031l1.35-.317a.907.907 0 0 1 1.076.625l.407 1.328a1.215 1.215 0 0 0 2.327 0l.406-1.328a.907.907 0 0 1 1.076-.625l1.35.317a1.228 1.228 0 0 0 1.165-2.03zm-4.216.747a1.373 1.373 0 1 1 1.373-1.362a1.365 1.365 0 0 1-1.373 1.362"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cara memakai ikon Earth Setting
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:earth-setting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:earth-setting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:earth-setting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--earth-setting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:earth-setting"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:earth-setting"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/earth-setting.svg" alt="Ikon Earth Setting" width="24" height="24">Ikon terkait di Ultimate color icons
Ikon Earth Setting di set ikon lain
FAQ Ikon Earth Setting
Apakah ikon Earth Setting gratis untuk penggunaan komersial?
Ya. Ultimate 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 Earth Setting di React?
Pasang @iconify/react lalu render <Icon icon="streamline-ultimate-color:earth-setting" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Earth Setting ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/earth-setting.svg" alt="Ikon Earth Setting">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.