Tasarımcılar ve geliştiriciler için özenle hazırlanmış açık kaynaklı nötr stil sistem simgeleri.
Tüm simgeler hem kişisel hem de ticari kullanım için ücretsizdir.

npm install remixicon --save

main.js

import 'remixicon/fonts/remixicon.css'

Size:

<div style="font-size: 24px;">
  <i class="ri-admin-line ri-fw"></i> <!-- fixed width -->
  <i class="ri-admin-line ri-xxs"></i> <!-- 0.5em -->
  <i class="ri-admin-line ri-xs"></i> <!-- 0.75em -->
  <i class="ri-admin-line ri-sm"></i> <!-- 0.875em -->
  <i class="ri-admin-line ri-1x"></i> <!-- 1em -->
  <i class="ri-admin-line ri-lg"></i> <!-- 1.3333em -->
  <i class="ri-admin-line ri-xl"></i> <!-- 1.5em -->
  <i class="ri-admin-line ri-2x"></i> <!-- 2em -->
  <i class="ri-admin-line ri-3x"></i> <!-- 3em -->
  ...
  <i class="ri-admin-line ri-10x"></i> <!-- 10em -->
</div>

<i class="ri-admin-line"></i>
<i class="ri-admin-fill"></i>

Simgelerin adını kontrol etmek için remixicon.com adresine gidebilirsiniz. -line, anahatlı stil simgesi anlamına gelir ve -fill, doldurulmuş stil simgesi anlamına gelir.

VUE:

npm install @remixicon/vue
# or
yarn add @remixicon/vue
# or
pnpm install @remixicon/vue

<script setup lang="ts">
import { RiHeartFill } from "@remixicon/vue";
</script>

<template>
    <RiHeartFill size="36px" color="red" className="my-icon" />
</template>