ICONYZ
Bahasa Indonesia
Ikon Mystery dari Material Symbols

Ikon Mystery

material-symbols:mystery

Ikon Mystery (material-symbols:mystery) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Symbols
Pembuat
Google
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Sosial
Tag
mystery sharp
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 18q2.9 0 4.95-2.037T18 11q0-2.9-2.05-4.95T11 4Q8.075 4 6.038 6.05T4 11q0 2.925 2.038 4.963T11 18m0-4.5q1.05 0 1.775-.712T13.5 11q0-1.05-.725-1.775T11 8.5q-1.075 0-1.787.725T8.5 11q0 1.075.713 1.788T11 13.5m0 1.5q-2.075 0-3.687-1.112T5 11q.7-1.75 2.313-2.875T11 7q2.05 0 3.663 1.125T17 11q-.725 1.775-2.337 2.888T11 15m0-2.5q.625 0 1.063-.425T12.5 11q0-.625-.437-1.062T11 9.5q-.65 0-1.075.438T9.5 11q0 .65.425 1.075T11 12.5m9.575 9.5L16.6 18.05q-1.175.925-2.6 1.438T11 20q-1.875 0-3.512-.712t-2.85-1.925t-1.926-2.85T2 11q0-1.85.713-3.488T4.637 4.65t2.85-1.938T11 2q1.85 0 3.488.713T17.35 4.65t1.938 2.863T20 11q0 1.6-.525 3.025t-1.45 2.6L22 20.6z"/></svg>

Cara memakai ikon Mystery

React

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

<Icon icon="material-symbols:mystery" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:mystery" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:mystery" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--mystery]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:mystery"></div>

Web component

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

<iconify-icon icon="material-symbols:mystery"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/mystery.svg" alt="Ikon Mystery" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Mystery di set ikon lain

FAQ Ikon Mystery

Apakah ikon Mystery gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Mystery di React?

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

Bagaimana cara menambahkan ikon Mystery ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/mystery.svg" alt="Ikon Mystery">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →