Ikon Rock
icon-park-outline:rock
Ikon Rock (icon-park-outline:rock) adalah ikon SVG gratis dari set IconPark Outline karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Outline 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
- IconPark Outline
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Tangan
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M23.5 20.5c-1.154 0-4.348-.169-8.386 4.446c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.714 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.037c.577-1.731 2.885-2.885 5.192-2.308s3.19 2.329 3.462 4.038C27.5 33 26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.576c-1.503-.301-3.006 1.014-3.871 1.967a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.307c1.154 1.153 5.769 4.615 10.384 4.038s8.653-4.038 10.384-8.077S37 27 33 24"/><path d="M33 24L23.129 4.24c-.23-.46-.776-.677-1.221-.42c-1.041.597-2.26 1.722-1.864 3.467C20.553 9.537 25.581 27.048 27 30"/><path d="m36 27l-.948-19.31c-.024-.499-.415-.911-.914-.88c-1.201.077-2.814.548-3.225 2.307c-.524 2.247-.9 5.608-.913 8.883"/></g></svg>
Cara memakai ikon Rock
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:rock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:rock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:rock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--rock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:rock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:rock"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-outline/rock.svg" alt="Ikon Rock" width="24" height="24">
Ikon terkait di IconPark Outline
Ikon Rock di set ikon lain
FAQ Ikon Rock
Apakah ikon Rock gratis untuk penggunaan komersial?
Ya. IconPark Outline icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Rock di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-outline:rock" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rock ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-outline/rock.svg" alt="Ikon Rock">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark Outline →
ICONYZ
