Ikon Turf Center
geo:turf-center
Ikon Turf Center (geo:turf-center) adalah ikon SVG gratis dari set GeoGlyphs karya Sam Matthews. Ikon ini digambar pada grid 100 × 100. GeoGlyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- GeoGlyphs
- Pembuat
- Sam Matthews
- Lisensi
- MIT
- Ukuran
- 100 × 100
- Tag
- turfcenter
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="52.178" cy="51.646" r="7.796" fill="currentColor"/><path fill="currentColor" d="M56.257 97.633q-.137 0-.274-.019a32.5 32.5 0 0 1-9.804-2.968a2 2 0 0 1-.926-2.672a2 2 0 0 1 2.672-.926a28.6 28.6 0 0 0 8.601 2.603a2 2 0 0 1 1.71 2.253a2 2 0 0 1-1.979 1.729m9.606-.19a2 2 0 0 1-.348-3.968a28.5 28.5 0 0 0 8.49-2.943a2 2 0 0 1 1.889 3.525a32.5 32.5 0 0 1-9.68 3.355a2 2 0 0 1-.351.031m-26.698-8.095c-.498 0-.997-.186-1.385-.558a32.8 32.8 0 0 1-6.19-8.156a2 2 0 1 1 3.525-1.891a28.8 28.8 0 0 0 5.436 7.162a2 2 0 0 1-1.386 3.443m43.45-.862a2 2 0 0 1-1.442-3.387a28.7 28.7 0 0 0 5.148-7.369a2 2 0 0 1 2.674-.924a2 2 0 0 1 .924 2.674a32.8 32.8 0 0 1-5.863 8.393a2 2 0 0 1-1.441.613M30.193 72.605a2 2 0 0 1-1.966-1.648a33 33 0 0 1-.213-10.234a2.003 2.003 0 0 1 2.251-1.712a2 2 0 0 1 1.712 2.251a29 29 0 0 0 .187 8.992a2 2 0 0 1-1.971 2.351m60.724-1.198a2 2 0 0 1-1.984-2.273a29 29 0 0 0-.168-8.994a2 2 0 1 1 3.939-.693a33.1 33.1 0 0 1 .192 10.233a2 2 0 0 1-1.979 1.727M32.771 53.788a2 2 0 0 1-1.799-2.871a32.7 32.7 0 0 1 5.849-8.404a2 2 0 1 1 2.887 2.769a28.8 28.8 0 0 0-5.135 7.378a2 2 0 0 1-1.802 1.128m54.824-1.082a2 2 0 0 1-1.766-1.059a28.8 28.8 0 0 0-5.424-7.171a2 2 0 1 1 2.775-2.88a32.8 32.8 0 0 1 6.176 8.167a2 2 0 0 1-1.761 2.943M45.92 40.077a2 2 0 0 1-.949-3.762a32.5 32.5 0 0 1 9.674-3.372a2.001 2.001 0 0 1 .705 3.938a28.5 28.5 0 0 0-8.484 2.958a2 2 0 0 1-.946.238m27.122-.754l-.118-.058a28.5 28.5 0 0 0-8.581-2.577a2 2 0 0 1-1.715-2.25a2.006 2.006 0 0 1 2.25-1.714a32.5 32.5 0 0 1 9.811 2.951l-.774 1.848zM34.043 10.779a2 2 0 0 1-1.309-3.513l3.783-3.27a2 2 0 0 1 1.946-.382l4.739 1.594a2 2 0 1 1-1.275 3.791l-3.657-1.23l-2.919 2.523a2 2 0 0 1-1.308.487M20.148 22.79a2 2 0 0 1-1.309-3.513l6.947-6.006a2 2 0 1 1 2.616 3.026l-6.947 6.006a2 2 0 0 1-1.307.487M10.003 37.031c-1 0-1.863-.748-1.983-1.765l-.589-4.965a2 2 0 0 1 .678-1.749l3.782-3.27a2 2 0 1 1 2.616 3.026l-2.979 2.575l.464 3.911a2 2 0 0 1-1.989 2.237m2.349 19.785c-1 0-1.863-.747-1.983-1.765L9.194 45.16a2 2 0 1 1 3.972-.472l1.174 9.893a2 2 0 0 1-1.988 2.235m6.746 15.33q-.094 0-.191-.009l-4.978-.471a2 2 0 0 1-1.797-1.756l-.589-4.965a2 2 0 0 1 1.75-2.222c1.093-.117 2.091.653 2.221 1.751l.399 3.361l3.371.318a2 2 0 0 1-.186 3.993m33.079 3.129q-.093 0-.19-.009l-8.27-.782a2 2 0 1 1 .377-3.983l8.27.782a2.001 2.001 0 0 1-.187 3.992"/><path fill="currentColor" d="M35.638 73.711a2 2 0 0 1-.191-.009l-8.27-.782a2 2 0 1 1 .377-3.983l8.27.782a2 2 0 0 1-.186 3.992m29.787 2.818q-.095 0-.19-.009l-4.979-.471a2 2 0 0 1-1.803-2.18a1.987 1.987 0 0 1 2.18-1.803l3.228.306l.717-3.161a1.999 1.999 0 1 1 3.901.883l-1.104 4.876a2 2 0 0 1-1.95 1.559m3.178-14.026a2 2 0 0 1-1.952-2.443l2.073-9.15a2 2 0 1 1 3.901.884l-2.073 9.15a2 2 0 0 1-1.949 1.559m4.146-18.3a2 2 0 0 1-1.952-2.443l2.073-9.15a2 2 0 1 1 3.901.884l-2.073 9.15a2 2 0 0 1-1.949 1.559m4.147-18.301a2 2 0 0 1-1.952-2.443l.706-3.114l-3.027-1.019a2 2 0 1 1 1.275-3.791l4.739 1.594a2 2 0 0 1 1.312 2.338l-1.105 4.876a2 2 0 0 1-1.948 1.559m-13.869-9.913q-.318 0-.638-.105l-10.232-3.442a2 2 0 1 1 1.275-3.791l10.232 3.442a2 2 0 0 1-.637 3.896"/></svg>
Cara memakai ikon Turf Center
React
import { Icon } from "@iconify/react";
<Icon icon="geo:turf-center" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="geo:turf-center" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="geo:turf-center" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[geo--turf-center]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/geo -->
<div class="i-geo:turf-center"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="geo:turf-center"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/geo/turf-center.svg" alt="Ikon Turf Center" width="24" height="24">
Ikon terkait di GeoGlyphs
FAQ Ikon Turf Center
Apakah ikon Turf Center gratis untuk penggunaan komersial?
Ya. GeoGlyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Turf Center di React?
Pasang @iconify/react lalu render <Icon icon="geo:turf-center" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Turf Center ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/geo/turf-center.svg" alt="Ikon Turf Center">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon GeoGlyphs →
