foamicons 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -22
- package/dist/catalog.json +1 -1
- package/llms.txt +9 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -132,16 +132,6 @@ import { BellFill } from 'foamicons';
|
|
|
132
132
|
- The `secondaryColor` prop (or `--foamicon-secondary-color` CSS variable) controls the **stroke/detail color** for internal elements (like the clapper inside a bell)
|
|
133
133
|
- Default: both use `currentColor`, so details blend with the fill unless you specify a secondary color
|
|
134
134
|
|
|
135
|
-
### Tree-Shakeable Per-Icon Imports
|
|
136
|
-
|
|
137
|
-
For optimal bundle size, import icons individually:
|
|
138
|
-
|
|
139
|
-
```tsx
|
|
140
|
-
import { Alert } from 'foamicons/icons/Alert';
|
|
141
|
-
import { AlertDuotone } from 'foamicons/icons/AlertDuotone';
|
|
142
|
-
import { AlertFill } from 'foamicons/icons/AlertFill';
|
|
143
|
-
```
|
|
144
|
-
|
|
145
135
|
## Logos
|
|
146
136
|
|
|
147
137
|
Foamicons includes **14 brand logos** with preserved brand colors. Logos are available in up to three variants:
|
|
@@ -155,11 +145,7 @@ Foamicons includes **14 brand logos** with preserved brand colors. Logos are ava
|
|
|
155
145
|
### Usage
|
|
156
146
|
|
|
157
147
|
```tsx
|
|
158
|
-
|
|
159
|
-
import { LogoGoogle, LogoInstagram, LogoTiktok } from 'foamicons/logos';
|
|
160
|
-
|
|
161
|
-
// Or import alongside icons from main entry
|
|
162
|
-
import { Bell, LogoGoogle } from 'foamicons';
|
|
148
|
+
import { Bell, LogoGoogle, LogoInstagram, LogoTiktok } from 'foamicons';
|
|
163
149
|
|
|
164
150
|
// Logos preserve brand colors by default
|
|
165
151
|
<LogoInstagram size={32} />
|
|
@@ -171,13 +157,6 @@ import { Bell, LogoGoogle } from 'foamicons';
|
|
|
171
157
|
<LogoInstagramFill className="h-8 w-8 text-pink-500" />
|
|
172
158
|
```
|
|
173
159
|
|
|
174
|
-
### Per-Logo Imports
|
|
175
|
-
|
|
176
|
-
```tsx
|
|
177
|
-
import { LogoGoogle } from 'foamicons/logos/LogoGoogle';
|
|
178
|
-
import { LogoInstagramDark } from 'foamicons/logos/LogoInstagramDark';
|
|
179
|
-
```
|
|
180
|
-
|
|
181
160
|
### Available Logos
|
|
182
161
|
|
|
183
162
|
Google, Gmail, Instagram, TikTok, YouTube, Snapchat, LinkedIn, Facebook, Microsoft, Foam, FoamSymbol
|
package/dist/catalog.json
CHANGED
package/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Foamicons
|
|
2
2
|
|
|
3
|
-
React SVG icon library with
|
|
3
|
+
React SVG icon library with 236+ icons and 14 brand logos in three styles.
|
|
4
4
|
|
|
5
5
|
## Naming
|
|
6
6
|
|
|
@@ -64,3 +64,11 @@ import { Bell, BellDuotone, BellFill } from 'foamicons';
|
|
|
64
64
|
|
|
65
65
|
size (default 16), strokeWidth (default 1), absoluteStrokeWidth (default true),
|
|
66
66
|
color, secondaryColor, secondaryOpacity (default 0.4), className, ...SVGProps.
|
|
67
|
+
|
|
68
|
+
## Available icons (236 base icons, each with base/Duotone/Fill variants)
|
|
69
|
+
|
|
70
|
+
Activity, Alert, Archive, ArchiveArrowUp, ArrowDown, ArrowDown01, ArrowDown10, ArrowDownCog, ArrowDownIG, ArrowDownLeft, ArrowDownMapPin, ArrowDownNarrowWide, ArrowDownRight, ArrowDownSC, ArrowDownTT, ArrowDownUp, ArrowDownWideNarrow, ArrowDownYT, ArrowLeft, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpAZ, ArrowUpCog, ArrowUpIG, ArrowUpLeft, ArrowUpMapPin, ArrowUpNarrowWide, ArrowUpRight, ArrowUpSC, ArrowUpTT, ArrowUpWideNarrow, ArrowUpYT, ArrowUpZA, AtSign, AudioLines, BadgeCheckbox, Ban, Bell, Bold, Bookmark, Brain, Calendar, ChartArea, ChartBarStacked, ChartColumn, ChartColumnSquare, ChartNetwork, ChartNoAxesCombined, ChartPie, Checkbox, Checkmark, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronUpDown, Circle, CircleAlert, CircleCheck, CircleDashed, CircleDollarSign, CircleOverlap, CirclePlus, CircleQuestionMark, CircleX, ClipboardList, Clock, ClockArrowDown, ClockArrowUp, ClosedCaption, Cog, Columns3, Command, ContentHeart, ContentPlus, ContentUser, Copy, Download, Eclipse, Ellipsis, EllipsisVertical, ExternalLink, Eye, EyeOff, File, FileArrowDown, FileArrowLeft, FileArrowLeftRight, FileArrowRight, FileArrowUp, FileChartColumn, FileCheck, FileCog, FileImage, FilePlus, FileUser, FileX, Flame, Folder, FolderChartColumn, FolderCheck, FolderCog, FolderPlus, FolderX, Frown, Fullscreen, GalleryHorizontal, GalleryHorizontalEnd, GalleryThumbnails, GalleryVertical, GalleryVerticalEnd, Globe, Grip, GripHorizontal, GripVertical, Heart, HeartPulse, History, Hotspot, House, Image, Images, Inbox, Info, Italic, LayoutDashboard, LayoutGrid, LayoutList, LayoutPanelBottom, LayoutPanelLeft, LayoutPanelRight, LayoutPanelTop, LayoutRows, LayoutTemplate, Link, List, ListFilter, ListIndentDecrease, ListIndentIncrease, ListOrdered, LoaderCircle, Lock, LogOut, Mail, MailMove, MailPlus, MapPin, Maximize, Megaphone, MegaphoneActive, Menu, MessageSquare, MessagesSquare, Minus, Moon, MousePointerClick, Move, Notebook, Office, Palette, PanelLeft, PanelLeftChevronLeft, PanelLeftChevronRight, PanelRight, Pause, Pencil, Pin, Play, Plus, Pointer, QuotationMarkLeft, QuotationMarkRight, Reach, Reel, RefreshCw, RefreshCwOff, RemoveFormatting, Reply, Rocket, Rolodex, RotateCcw, RotateCw, Save, Search, SearchUser, Share, Shield, ShieldCheck, ShieldOff, ShieldPlus, ShieldUser, ShieldX, Slash, SlidersHorizontal, Smile, Sparkles, Square, SquarePen, Star, Sun, Tag, Tags, Target, TextAlignCenter, TextAlignEnd, TextAlignJustify, TextAlignStart, ThumbsDown, ThumbsUp, ToolCase, Trash, TrashEmpty, TrendingDown, TrendingUp, TriangleDown, TriangleDownUp, TriangleUp, Unlink, Unlock, Unplug, Upload, User, UserArrowLeft, UserArrowLeftRight, UserArrowOutUpRight, UserArrowRight, UserCog, UserPlus, Users, Video, Volume2, VolumeOff, X, Zap, ZapOff
|
|
71
|
+
|
|
72
|
+
## Available logos (14 logos, each with color/Dark/Fill variants)
|
|
73
|
+
|
|
74
|
+
LogoFacebook, LogoFile, LogoFilePdf, LogoFileSheet, LogoFoam, LogoFoamSymbol, LogoGmail, LogoGoogle, LogoInstagram, LogoLinkedin, LogoMicrosoft, LogoSnapchat, LogoTiktok, LogoYoutube
|