Skip to main content
A techpédia hivatalos oldalának a logója
A techpédia hivatalos oldalának a logója
A techpédia hivatalos oldalának a logója

Icones: több száz open source ikoncsomag egyetlen keresőben

Olvasási idő: 4 perc

Habár megint nem akartam weboldalas dolgokról írni, de valahogy mindig, de mindig visszatérek rájuk.Most viszont nem arról lesz szó, hogyan készíts weboldalt, vagy, hogy melyik page builder a legjobb. Inkább olyan kisebb segédeszközökről szeretnék írni, amik rengeteg időt tudnak megspórolni.

Tegyük fel, hogy WordPressben építesz egy weboldalt. Készítenél egy szolgáltatás listát, egy árlistát vagy mondjuk egy előnyöket bemutató szekciót. Ezekhez általában ikonokat használunk. Ilyenkor megnyitod a kedvenc page buildered ikonkönyvtárát, legyen az Elementor, Bricks vagy bármi más. Aztán jön a felismerés. Pont az az ikon nincs benne, amire szükséged lenne. Vagy van hasonló, de nem az igazi.

Na, ilyenkor jön képbe az Icones.

Mi az az Icones?

Az Icones egy teljesen ingyenes, open source ikonkereső, ami rengeteg különböző ikoncsomagot gyűjt össze egyetlen felületen.

Ahelyett, hogy külön-külön keresgélnél a Font Awesome, Material Design Icons vagy éppen a Tabler Icons oldalán, itt egyszerre kereshetsz közöttük. A kereső villámgyors, így elég beírni egy kulcsszót, és máris megjelennek a találatok több különböző ikoncsaládból. Ez különösen jól jön akkor, ha gyorsan szeretnél inspirációt találni.

Több mint egy egyszerű ikonkereső

Az Icones egyik legnagyobb előnye, hogy nem csak megmutatja az ikonokat.

Egy kattintással:

  • kimásolhatod SVG formátumban,
  • letöltheted,
  • átmásolhatod a komponens kódját,
  • többféle frameworkhöz is megkapod a megfelelő formátumot.

Ha csak simán egy SVG fájlra van szükséged, azt is pillanatok alatt megkapod.

Ha pedig fejlesztőként dolgozol, akkor React, Vue, Svelte, Astro és még jó néhány más környezethez is találsz használható megoldást.

Miért jobb ez, mint a page builder ikonjai?

A legtöbb WordPress page builder néhány száz ikont tartalmaz. Ez sok esetben teljesen elegendő.

Viszont amikor valami specifikusat keresel, például:

  • drón
  • mesterséges intelligencia
  • elektromos autó
  • blockchain
  • podcast
  • okosotthon

akkor már könnyen belefuthatsz abba, hogy egyszerűen nincs megfelelő ikon.

Az Icones ezzel szemben több száz ikoncsomagot egyesít, ezért sokkal nagyobb az esélye annak, hogy megtalálod pontosan azt, amit keresel.

Nekem miért került fel a könyvjelzők közé?

Őszintén szólva azért, mert rengeteg időt spórol.

Régen külön-külön nyitogattam az egyes ikonoldalakat. Most csak megnyitom az Icones-t, beírom, hogy mit keresek, kimásolom az SVG-t, és már megy is a weboldalba.

Ennyire egyszerű.

Kinek ajánlom?

Szerintem szinte bárkinek, aki valamilyen módon weboldalakkal foglalkozik.

Legyen szó:

  • WordPress felhasználókról,
  • Elementor vagy Bricks építőkről, (vagy bármelyik csodáról)
  • webdesignerekről,
  • frontend fejlesztőkről,
  • vagy akár olyanokról, akik csak néha készítenek egy-egy landing oldalt.

Mivel teljesen ingyenes, igazából nincs veszítenivalód.

Összegzés

Az internet tele van hasznos kis eszközökkel, amikről meglepően kevesen tudnak. Az Icones szerintem pontosan ilyen. Nem fogja helyetted elkészíteni a weboldalt, viszont amikor ikonra van szükséged, valószínűleg ez lesz az első oldal, amit megnyitsz. Én legalábbis már így használom.

👉 Icones: https://icones.js.org/

Kapcsolódó cikkek

👉 Traktor – Sérült WordPress backup helyreállítása

👉 theSVG – Több mint 6500 SVG ikon fejlesztőknek és designereknek

Porcsin László

Nyílt forráskód rajongó
Régóta a nyílt forráskód megszállottja vagyok már. Szeretem, ha a rendszerem nem dumál vissza, amikor kérek tőle valamit, és főleg nem csinál olyan dolgokat, amire egyáltalán nem kértem meg. Legyen átlátható, legyen tiszta, ne legyenek rejtett trükkök. Ennyi az egész.