Ikon Goggles Thin

ph:goggles-thin

Ikon Goggles Thin (ph:goggles-thin) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor 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: Phosphor
Pembuat: Phosphor Icons
Lisensi: MIT
Ukuran: 256 × 256
Tag: swim, swimming, sports, exercise, olympics, aquatics, gogglesthin, goggle

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M252 136a68.07 68.07 0 0 0-68-68H72a68.07 68.07 0 0 0-68 68a20 20 0 0 0 16.35 19.65C23.91 174.84 54.81 188 72 188a36 36 0 0 0 35.77-32h40.46A36 36 0 0 0 184 188c17.19 0 48.09-13.16 51.65-32.35A20 20 0 0 0 252 136M28 152c0-7.75 7.92-15.25 17.81-20.53l43 42.95A27.9 27.9 0 0 1 72 180c-16.55 0-44-13.56-44-28m66.42 16.76l-40.84-40.84C60 125.46 66.58 124 72 124a28 28 0 0 1 22.42 44.76M156 152a27.94 27.94 0 0 1 9.42-20.92L208 173.65c-8 3.91-17 6.35-24 6.35a28 28 0 0 1-28-28m59.2 17.55l-42.95-43A27.9 27.9 0 0 1 184 124c16.55 0 44 13.56 44 28c0 6.39-5.38 12.6-12.8 17.55m20.26-22.06C231.15 128.77 200.93 116 184 116a36 36 0 0 0-35.77 32h-40.46A36 36 0 0 0 72 116c-16.93 0-47.15 12.77-51.46 31.49A12 12 0 0 1 12 136a60.07 60.07 0 0 1 60-60h112a60.07 60.07 0 0 1 60 60a12 12 0 0 1-8.54 11.49"/></svg>

Cara memakai ikon Goggles Thin

React

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

<Icon icon="ph:goggles-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:goggles-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:goggles-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--goggles-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:goggles-thin"></div>

Web component

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

<iconify-icon icon="ph:goggles-thin"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/goggles-thin.svg" alt="Ikon Goggles Thin" width="24" height="24">

Ikon terkait di Phosphor

FAQ Ikon Goggles Thin

Apakah ikon Goggles Thin gratis untuk penggunaan komersial?

Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Goggles Thin di React?

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

Bagaimana cara menambahkan ikon Goggles Thin ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/goggles-thin.svg" alt="Ikon Goggles Thin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Phosphor →