ICONYZ
Bahasa Indonesia
Ikon React Aria dari theSVG Color

Ikon React Aria

thesvg-color:react-aria

Ikon React Aria (thesvg-color:react-aria) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 800 × 790. theSVG Color 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
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
800 × 790
Tag
reactaria
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="790" viewBox="0 0 800 790"><path fill="#6733ff" d="M720.67 205.995c146.913 0 266.009 119.096 266.01 266.008c0 118.75-77.815 219.322-185.234 253.518l177.866 222.534C994.438 966.98 980.963 995 956.736 995H795.612a57.8 57.8 0 0 1-43.878-20.177l-54.369-63.402L493.126 653.39c-35.992-45.472-3.608-112.411 54.385-112.413l173.159-.006c38.088 0 68.965-30.88 68.965-68.968c-.001-38.088-30.877-68.965-68.965-68.965H429.939c-24.984 0-41.316-11.152-55.945-29.415l-96.645-120.657c-15.155-18.921-1.685-46.97 22.556-46.971zM396.605 720.706c11.193-15.3 33.838-15.863 45.776-1.138l61.435 77.45h-1.03l32.783 41.916c12.505 15.424 14.374 38.257 2.478 54.156l-61.409 79.455A57.8 57.8 0 0 1 430.903 995H242.276c-24.096 0-37.611-27.752-22.753-46.722l118.469-151.26h-.069z"/></svg>

Cara memakai ikon React Aria

React

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

<Icon icon="thesvg-color:react-aria" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:react-aria" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:react-aria" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--react-aria]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:react-aria"></div>

Web component

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

<iconify-icon icon="thesvg-color:react-aria"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/react-aria.svg" alt="Ikon React Aria" width="24" height="24">

Ikon terkait di theSVG Color

FAQ Ikon React Aria

Apakah ikon React Aria gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon React Aria di React?

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

Bagaimana cara menambahkan ikon React Aria ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/react-aria.svg" alt="Ikon React Aria">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →