Instálalo desde tu gestor de paquetes
Publicado en los registros oficiales de cada ecosistema. Haz clic en una tarjeta para abrir el paquete.
Cómo importarlo en tu proyecto
Base del CDN: https://iconkit.suils.es · haz clic en cualquier icono para copiar su nombre.
HTML / CSS
<link rel="stylesheet" href="https://iconkit.suils.es/css/iconkit.css">
<i class="ik ik-home"></i>
<i class="ik ik-home-solid"></i>
Web Component
<script type="module" src="https://iconkit.suils.es/web-component/iconkit.js"></script>
<ik-icon name="home"></ik-icon>
React
npm install @ferran_suils/iconkit
import { Home } from '@ferran_suils/iconkit/react';
<Home color="#e05b4c" />Vue 3
npm install @ferran_suils/iconkit
import { Home } from '@ferran_suils/iconkit/vue';
<Home :size="24" />Angular
npm install @ferran_suils/iconkit
// <ik-icon name="home" mode="solid"></ik-icon>
Svelte
npm install @ferran_suils/iconkit
import Icon from '@ferran_suils/iconkit/svelte';
<Icon name="home" mode="solid" />
Flutter
flutter pub add iconkit
IconKitIcon(IconKit.home, mode: IconKitMode.solid, color: Colors.red)
Kotlin / Android
# copia https://iconkit.suils.es/kotlin/res/drawable/*.xml
Icon(painterResource(R.drawable.ik_home), null)
SwiftUI
# añade https://iconkit.suils.es/swift/IconKit.xcassets + IconKit.swift
IconKitIcon(.home).foregroundColor(.red)
Python
pip install iconkit
import iconkit
iconkit.svg("home", mode="solid", color="#e05b4c")PHP
require 'iconkit.suils.es/php/IconKit.php';
echo IconKit::svg('home', ['mode'=>'solid']);C# / .NET / Blazor
dotnet add package IconKit
IconKit.Svg("home", mode:"solid"); // Blazor: <IkIcon Name="home" />C / C++ / Rust / Go / cualquiera
// descarga y parsea https://iconkit.suils.es/manifest.json
// trae outline/solid (SVG) y paths (datos de path puro) por icono
IconKit