Med den ökande användningen av högupplösta skärmar har vi sett ökningen av SVG-ikoner. Till skillnad från en bitmappsgrafik är SVG skalbar och upplösningsoberoende, vilket gör att den förblir skarp oavsett skärmstorlek och upplösning.
Så här har vi samlat de bästa resurserna från vilka du kan få högkvalitativa SVG-ikoner. Vissa av resurserna tillhandahåller mer än bara ikoner och erbjuder bekväma funktioner för att öka produktiviteten för designers och utvecklare.
Utan vidare, låt oss gå vidare till hela listan.
Gratis ikoner
Hem till världens största ikonbibliotek, Freepik har mer än 10 miljoner ikoner för personligt eller kommersiellt bruk. Varje ikon är fritt tillgänglig på PNG-format, vilket möjliggör enkel integrering i dina projekt och kräver helt enkelt tillskrivning. Premiummedlemmar får dock tillgång till att ladda ner varje ikon på SVG-formatutan krav på tillskrivning, och de kommer också att ha tillgång till ett antal banbrytande funktioner utformade för att öka produktiviteten.
Flatikon
Flaticon är en av de största ikonbibliotek I nätet. Ger mer än 10 miljoner ikoner i flera stilar som du kan välja mellan att ladda ner och anpassa för dina projekt. Dessa ikoner är tillgängliga som PNG, SVG, EPS, PSD-filer, så att de enkelt kan användas med andra grafikprogram. Du kan till och med hitta animerade ikoner och klistermärken i ditt bibliotek. Du kan också använda Flaticon webbredaktör för att ändra färg och storlek på tillgångarna.
Startikoner
En officiell ikonsamling för Bootstrap, ett av de mest populära HTML/CSS-ramverken. Innehåller 1500+ ikoner i SVG format, vilket ger det mycket flexibilitet. Även om dessa ikoner är utvecklade för Bootstrap, kan du fortfarande använda dem med vilket annat ramverk som helst.
Lådor
Ikonerna innehåller mer än 1500 ikoner grupperade i olika kategorier som e-handel, ekonomi och musik, så att du enkelt kan sortera och hitta den specifika samlingen.
Varje ikon kommer i ett annat format; Inte bara kan du välja och ladda ner dem som SVG, men du kan också använda dem som teckensnittsikon och Webbkomponenter. Det är en av mina go-to’s när jag behöver ikoner för en webbplats eller app.
Fjäder ikoner
Leta efter 200+ vackert designade ikoner. En sak jag älskar med samlingen är att den låter dig anpassa storleken, streckbredden och färgen innan du laddar ner ikonerna. Utöver det kan du välja att ladda ner särskilda ikoner eller ladda ner dem alla på en gång.
iconir
Iconoir är en Gratis och öppen källkodsamling med 900+ ikoner. Den finns i flera format inklusive SVG, Font, React.js och till och med figur och inramare. Både designers och utvecklare kommer säkert att uppskatta denna kollektion.
jonikoner
En samling ikoner jonisk ram Den är designad för användning i webb-, mobil- eller stationära applikationer. Varje ikon finns i tre olika stilar: Beskriva, Fylldoch Skarp. De finns som SVG- och typsnittsikoner.
Tabell ikoner
Innehåller mer än 1300 ikoner, tabell Det är en av de perfekta samlingarna att integrera i designen av din webbplats eller applikation. Det ser skarpt, konsekvent och anpassningsbart ut. Varje ikon är tillgänglig i flera andra format än SVG, inklusive JSX, data-URI, React-komponent, webbfont, SCSSDessutom visar den dig också några exempel på hur du kan tillämpa ikonerna på en UI-komponent.
Basikoner
TILL uppsättning ikoner designade med tunna konturer är tillgänglig. Varje ikon är 15×15 pixlar och ser skarp ut på skärmen. Du kan få samlingen som en Figma-fil, Sketch-fil, IconJar, SVG eller NPM. Dessa olika format möjliggör smidigt samarbete mellan designers och utvecklare.
Heroikoner
Heroicons är en uppsättning ikoner designade av människorna bakom Medvind. Ger mer än 200 ikoner. Varje ikon kommer två stilar: “Kontur” och “Fyll”och finns som SVG-, JSX- eller Vue-komponentbibliotek. För designers kan du ladda ner Figma-filen för alla ikoner.
Myra design ikoner
Denna ikon är en del av Myrdesign system, men du kan installera ikonsamlingen som en fristående komponent via NPM. Varje ikon är tillgänglig som react.js-komponent och kommer att renderas som SVG.
Den finns också i tre stilar: gräns, Fylld, två toner — och stöder färgschemat i ljust eller mörkt läge direkt från förpackningen. Om du bygger en React.js-app är detta en av de bästa ikonsamlingarna att välja mellan.
Remix ikon
Remix ikon Det är en fantastisk samling av 2000+ ikoner. Vissa av ikonerna har flera varianter. Till exempel finns det mer än ett dussin varianter av hemikonen. Detta gör att du kan välja den perfekta passformen för ikonen som matchar din webbplatss personlighet.
Material design ikoner
Detta är en samling ikoner Googles “Material” designsystem. Den levereras med ett intuitivt användargränssnitt som ger bekvämlighet för att distribuera ikonerna på flera olika plattformar inklusive webben, vare sig det är SVG eller ikonfiler, Android, iOS, Flutter och är också speciellt integrerad med Angular.
Octicons
Ett Github-ikonbibliotek, dessa ikoner har skapats för designsystemet “Primer”. specifikt för Github-appar, vilket gör det till ett perfekt set om du bygger en webbplats eller app integrerad med Github. Du kan installera och använda ikonerna genom Juvel (ett Ruby-paket), NPM eller som en React.js-komponent.
Ikon knapphål
TILL uppsättning SVG-ikoner skapade som React.js-komponenter. Du kan hitta några unika ikoner i samlingen, och vissa ikoner finns till och med i fullfärg istället för bara svartvitt.
css.gg
Denna webbplats tillhandahåller cirka 700 högkvalitativa ikoner. Ikonsamlingen finns tillgänglig i många format inklusive CSS, SVG, TypeScript, Figma, Adobe XD och som en API-slutpunkt. Detta gör det lättare att samarbeta mellan designers och utvecklare när man designar webbplatser och omvandlar designen till kod.
typisk
Typicons är en samling vackra och moderna ikoner designade för webb- eller inhemska applikationer (mobil och stationär). I skrivande stund finns det runt 300 ikoner. Var och en är tillgänglig i SVG-teckensnitt och ikonformat och är upplösningsoberoende, vilket gör att de ser skarpa och skarpa ut oavsett skärmupplösning.
Besök Typicons
