Ikon Pure Natural
icon-park:pure-natural
Ikon Pure Natural (icon-park:pure-natural) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Kesehatan
- Tag
- purenatural
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" d="M11 41.0001C15.1674 39.2093 19.0922 38.2431 22.7746 38.1015C26.457 37.9598 31.1988 38.5927 37 40.0001"/><path stroke-linecap="round" d="M23.0452 44C22.2783 34.5599 22.5964 27.2266 23.9997 22"/><path fill="#2F88FF" fill-rule="evenodd" stroke-linejoin="round" d="M24 23.176C25.59 17.1581 28.3898 13.5692 32.3992 12.4095C36.4086 11.2497 40.2755 11.7812 43.9998 14.004C44.0186 18.8959 41.8952 22.4796 37.6296 24.755C33.364 27.0305 28.8208 26.5041 24 23.176Z" clip-rule="evenodd"/><path fill="#2F88FF" fill-rule="evenodd" stroke-linejoin="round" d="M23.7919 22.1141C24.6253 14.9273 22.9554 9.86554 18.7822 6.92866C14.6089 3.99178 9.77638 3.336 4.28447 4.96133C3.32535 11.5907 4.79153 16.6036 8.68299 20C12.5745 23.3964 17.6108 24.1011 23.7919 22.1141Z" clip-rule="evenodd"/></g></svg>Cara memakai ikon Pure Natural
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:pure-natural" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:pure-natural" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:pure-natural" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--pure-natural]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:pure-natural"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:pure-natural"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/pure-natural.svg" alt="Ikon Pure Natural" width="24" height="24">Ikon Pure Natural di set ikon lain
FAQ Ikon Pure Natural
Apakah ikon Pure Natural gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pure Natural di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:pure-natural" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pure Natural ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/pure-natural.svg" alt="Ikon Pure Natural">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.