IconKit

Cómo importarlo en tu proyecto

Base del CDN: https://iconkit.suils.es · haz clic en cualquier icono para copiar su nombre.

<link rel="stylesheet" href="https://iconkit.suils.es/css/iconkit.css">
<i class="ik ik-home"></i>
<i class="ik ik-home-solid"></i>

<script type="module" src="https://iconkit.suils.es/web-component/iconkit.js"></script>
<ik-icon name="home"></ik-icon>

import { Home } from 'https://iconkit.suils.es/react/index.js';
<Home color="#e05b4c" />

import { Home } from 'https://iconkit.suils.es/vue/index.js';
<Home :size="24" />

// copia https://iconkit.suils.es/angular/ · <ik-icon name="home" mode="solid"></ik-icon>

import Icon from 'https://iconkit.suils.es/svelte/Icon.svelte';
<Icon name="home" mode="solid" />

# pubspec: iconkit (git/path a dist/flutter) — usa flutter_svg
IconKitIcon(IconKit.home, mode: IconKitMode.solid, color: Colors.red)

# copia https://iconkit.suils.es/kotlin/res/drawable/*.xml
Icon(painterResource(R.drawable.ik_home), null)

# añade https://iconkit.suils.es/swift/IconKit.xcassets + IconKit.swift
IconKitIcon(.home).foregroundColor(.red)

# pip: usa https://iconkit.suils.es/python/ · import iconkit
iconkit.svg("home", mode="solid", color="#e05b4c")

require 'iconkit.suils.es/php/IconKit.php';
echo IconKit::svg('home', ['mode'=>'solid']);

// copia https://iconkit.suils.es/dotnet/
IconKit.Svg("home", mode:"solid");  // Blazor: <IkIcon Name="home" />

// descarga y parsea https://iconkit.suils.es/manifest.json
// trae outline/solid (SVG) y paths (datos de path puro) por icono