In almost all the web projects I work on, I use the Boxicons icon library. It's free and they have pretty much every icon you can think of.
I usually end up creating a wrapper in C# and TypeScript for each of the icons so I don't have to hard code the html elements.
To get started, you need to include the Boxicons
library in your html files:
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
First, create a base class:
public class Boxicon(string name)
{
private const string Prefix = "bx";
private const string PrefixSolid = "bxs";
private const string TemplateNormal = @"<i class=""bx {0}-{1}""></i>";
private const string TemplateCustomClasses = @"<i class=""bx {0}-{1} {2}""></i>";
public string Name { get; } = name;
public HtmlString Html => new(Text);
public string Text => string.Format(TemplateNormal, Prefix, Name);
public HtmlString HtmlSolid => new(TextSolid);
public string TextSolid => string.Format(TemplateNormal, PrefixSolid, Name);
public HtmlString GetHtml(string customClasses)
{
return new(GetText(customClasses));
}
public string GetText(string customClasses)
{
return string.Format(TemplateCustomClasses, Prefix, Name, customClasses);
}
public HtmlString GetHtmlSolid(string customClasses)
{
return new(GetTextSolid(customClasses));
}
public string GetTextSolid(string customClasses)
{
return string.Format(TemplateCustomClasses, PrefixSolid, Name, customClasses);
}
}
Next, create static implementations for each icon:
public static class Boxicons
{
public static readonly Boxicon Abacus = new("abacus");
public static readonly Boxicon Accessibility = new("accessibility");
public static readonly Boxicon AddToQueue = new("add-to-queue");
public static readonly Boxicon Adjust = new("adjust");
public static readonly Boxicon Alarm = new("alarm");
public static readonly Boxicon AlarmAdd = new("alarm-add");
public static readonly Boxicon AlarmExclamation = new("alarm-exclamation");
public static readonly Boxicon AlarmOff = new("alarm-off");
public static readonly Boxicon AlarmSnooze = new("alarm-snooze");
public static readonly Boxicon Album = new("album");
public static readonly Boxicon AlignJustify = new("align-justify");
public static readonly Boxicon AlignLeft = new("align-left");
public static readonly Boxicon AlignMiddle = new("align-middle");
public static readonly Boxicon AlignRight = new("align-right");
public static readonly Boxicon Analyse = new("analyse");
public static readonly Boxicon Anchor = new("anchor");
public static readonly Boxicon Angry = new("angry");
public static readonly Boxicon Aperture = new("aperture");
public static readonly Boxicon Arch = new("arch");
public static readonly Boxicon Archive = new("archive");
public static readonly Boxicon ArchiveIn = new("archive-in");
public static readonly Boxicon ArchiveOut = new("archive-out");
public static readonly Boxicon Area = new("area");
public static readonly Boxicon ArrowBack = new("arrow-back");
public static readonly Boxicon ArrowFromBottom = new("arrow-from-bottom");
public static readonly Boxicon ArrowFromLeft = new("arrow-from-left");
public static readonly Boxicon ArrowFromRight = new("arrow-from-right");
public static readonly Boxicon ArrowFromTop = new("arrow-from-top");
public static readonly Boxicon ArrowToBottom = new("arrow-to-bottom");
public static readonly Boxicon ArrowToLeft = new("arrow-to-left");
public static readonly Boxicon ArrowToRight = new("arrow-to-right");
public static readonly Boxicon ArrowToTop = new("arrow-to-top");
public static readonly Boxicon At = new("at");
public static readonly Boxicon Atom = new("atom");
public static readonly Boxicon Award = new("award");
public static readonly Boxicon Badge = new("badge");
public static readonly Boxicon BadgeCheck = new("badge-check");
public static readonly Boxicon Baguette = new("baguette");
public static readonly Boxicon Ball = new("ball");
public static readonly Boxicon BandAid = new("band-aid");
public static readonly Boxicon BarChart = new("bar-chart");
public static readonly Boxicon BarChartAlt = new("bar-chart-alt");
public static readonly Boxicon BarChartAlt2 = new("bar-chart-alt-2");
public static readonly Boxicon BarChartSquare = new("bar-chart-square");
public static readonly Boxicon Barcode = new("barcode");
public static readonly Boxicon BarcodeReader = new("barcode-reader");
public static readonly Boxicon Baseball = new("baseball");
public static readonly Boxicon Basket = new("basket");
public static readonly Boxicon Basketball = new("basketball");
public static readonly Boxicon Bath = new("bath");
public static readonly Boxicon Battery = new("battery");
public static readonly Boxicon Bed = new("bed");
public static readonly Boxicon BeenHere = new("been-here");
public static readonly Boxicon Beer = new("beer");
public static readonly Boxicon Bell = new("bell");
public static readonly Boxicon BellMinus = new("bell-minus");
public static readonly Boxicon BellOff = new("bell-off");
public static readonly Boxicon BellPlus = new("bell-plus");
public static readonly Boxicon Bible = new("bible");
public static readonly Boxicon Bitcoin = new("bitcoin");
public static readonly Boxicon Blanket = new("blanket");
public static readonly Boxicon Block = new("block");
public static readonly Boxicon Bluetooth = new("bluetooth");
public static readonly Boxicon Body = new("body");
public static readonly Boxicon Bold = new("bold");
public static readonly Boxicon BoltCircle = new("bolt-circle");
public static readonly Boxicon Bomb = new("bomb");
public static readonly Boxicon Bone = new("bone");
public static readonly Boxicon Bong = new("bong");
public static readonly Boxicon Book = new("book");
public static readonly Boxicon BookAdd = new("book-add");
public static readonly Boxicon BookAlt = new("book-alt");
public static readonly Boxicon BookBookmark = new("book-bookmark");
public static readonly Boxicon BookContent = new("book-content");
public static readonly Boxicon BookHeart = new("book-heart");
public static readonly Boxicon BookOpen = new("book-open");
public static readonly Boxicon BookReader = new("book-reader");
public static readonly Boxicon Bookmark = new("bookmark");
public static readonly Boxicon BookmarkAlt = new("bookmark-alt");
public static readonly Boxicon BookmarkAltMinus = new("bookmark-alt-minus");
public static readonly Boxicon BookmarkAltPlus = new("bookmark-alt-plus");
public static readonly Boxicon BookmarkHeart = new("bookmark-heart");
public static readonly Boxicon BookmarkMinus = new("bookmark-minus");
public static readonly Boxicon BookmarkPlus = new("bookmark-plus");
public static readonly Boxicon Bookmarks = new("bookmarks");
public static readonly Boxicon BorderAll = new("border-all");
public static readonly Boxicon BorderBottom = new("border-bottom");
public static readonly Boxicon BorderInner = new("border-inner");
public static readonly Boxicon BorderLeft = new("border-left");
public static readonly Boxicon BorderNone = new("border-none");
public static readonly Boxicon BorderOuter = new("border-outer");
public static readonly Boxicon BorderRadius = new("border-radius");
public static readonly Boxicon BorderRight = new("border-right");
public static readonly Boxicon BorderTop = new("border-top");
public static readonly Boxicon Bot = new("bot");
public static readonly Boxicon BowlHot = new("bowl-hot");
public static readonly Boxicon BowlRice = new("bowl-rice");
public static readonly Boxicon BowlingBall = new("bowling-ball");
public static readonly Boxicon Box = new("box");
public static readonly Boxicon Bracket = new("bracket");
public static readonly Boxicon Braille = new("braille");
public static readonly Boxicon Brain = new("brain");
public static readonly Boxicon Briefcase = new("briefcase");
public static readonly Boxicon BriefcaseAlt = new("briefcase-alt");
public static readonly Boxicon BriefcaseAlt2 = new("briefcase-alt-2");
public static readonly Boxicon Brightness = new("brightness");
public static readonly Boxicon BrightnessHalf = new("brightness-half");
public static readonly Boxicon Broadcast = new("broadcast");
public static readonly Boxicon Brush = new("brush");
public static readonly Boxicon BrushAlt = new("brush-alt");
public static readonly Boxicon Bug = new("bug");
public static readonly Boxicon BugAlt = new("bug-alt");
public static readonly Boxicon Building = new("building");
public static readonly Boxicon BuildingHouse = new("building-house");
public static readonly Boxicon Buildings = new("buildings");
public static readonly Boxicon Bulb = new("bulb");
public static readonly Boxicon Bullseye = new("bullseye");
public static readonly Boxicon Buoy = new("buoy");
public static readonly Boxicon Bus = new("bus");
public static readonly Boxicon BusSchool = new("bus-school");
public static readonly Boxicon Cabinet = new("cabinet");
public static readonly Boxicon CableCar = new("cable-car");
public static readonly Boxicon Cake = new("cake");
public static readonly Boxicon Calculator = new("calculator");
public static readonly Boxicon Calendar = new("calendar");
public static readonly Boxicon CalendarAlt = new("calendar-alt");
public static readonly Boxicon CalendarCheck = new("calendar-check");
public static readonly Boxicon CalendarEdit = new("calendar-edit");
public static readonly Boxicon CalendarEvent = new("calendar-event");
public static readonly Boxicon CalendarExclamation = new("calendar-exclamation");
public static readonly Boxicon CalendarHeart = new("calendar-heart");
public static readonly Boxicon CalendarMinus = new("calendar-minus");
public static readonly Boxicon CalendarPlus = new("calendar-plus");
public static readonly Boxicon CalendarStar = new("calendar-star");
public static readonly Boxicon CalendarWeek = new("calendar-week");
public static readonly Boxicon CalendarX = new("calendar-x");
public static readonly Boxicon Camera = new("camera");
public static readonly Boxicon CameraHome = new("camera-home");
public static readonly Boxicon CameraMovie = new("camera-movie");
public static readonly Boxicon CameraOff = new("camera-off");
public static readonly Boxicon Candles = new("candles");
public static readonly Boxicon Capsule = new("capsule");
public static readonly Boxicon Captions = new("captions");
public static readonly Boxicon Car = new("car");
public static readonly Boxicon Card = new("card");
public static readonly Boxicon CaretDown = new("caret-down");
public static readonly Boxicon CaretDownCircle = new("caret-down-circle");
public static readonly Boxicon CaretDownSquare = new("caret-down-square");
public static readonly Boxicon CaretLeft = new("caret-left");
public static readonly Boxicon CaretLeftCircle = new("caret-left-circle");
public static readonly Boxicon CaretLeftSquare = new("caret-left-square");
public static readonly Boxicon CaretRight = new("caret-right");
public static readonly Boxicon CaretRightCircle = new("caret-right-circle");
public static readonly Boxicon CaretRightSquare = new("caret-right-square");
public static readonly Boxicon CaretUp = new("caret-up");
public static readonly Boxicon CaretUpCircle = new("caret-up-circle");
public static readonly Boxicon CaretUpSquare = new("caret-up-square");
public static readonly Boxicon Carousel = new("carousel");
public static readonly Boxicon Cart = new("cart");
public static readonly Boxicon CartAdd = new("cart-add");
public static readonly Boxicon CartAlt = new("cart-alt");
public static readonly Boxicon CartDownload = new("cart-download");
public static readonly Boxicon Cast = new("cast");
public static readonly Boxicon Category = new("category");
public static readonly Boxicon CategoryAlt = new("category-alt");
public static readonly Boxicon Cctv = new("cctv");
public static readonly Boxicon Certification = new("certification");
public static readonly Boxicon Chair = new("chair");
public static readonly Boxicon Chalkboard = new("chalkboard");
public static readonly Boxicon Chart = new("chart");
public static readonly Boxicon Chat = new("chat");
public static readonly Boxicon Check = new("check");
public static readonly Boxicon CheckCircle = new("check-circle");
public static readonly Boxicon CheckDouble = new("check-double");
public static readonly Boxicon CheckShield = new("check-shield");
public static readonly Boxicon CheckSquare = new("check-square");
public static readonly Boxicon Checkbox = new("checkbox");
public static readonly Boxicon CheckboxChecked = new("checkbox-checked");
public static readonly Boxicon CheckboxMinus = new("checkbox-minus");
public static readonly Boxicon CheckboxSquare = new("checkbox-square");
public static readonly Boxicon Cheese = new("cheese");
public static readonly Boxicon ChevronDown = new("chevron-down");
public static readonly Boxicon ChevronDownCircle = new("chevron-down-circle");
public static readonly Boxicon ChevronDownSquare = new("chevron-down-square");
public static readonly Boxicon ChevronLeft = new("chevron-left");
public static readonly Boxicon Signal1 = new("signal-1");
public static readonly Boxicon ChevronLeftCircle = new("chevron-left-circle");
public static readonly Boxicon ChevronLeftSquare = new("chevron-left-square");
public static readonly Boxicon ChevronRight = new("chevron-right");
public static readonly Boxicon ChevronRightCircle = new("chevron-right-circle");
public static readonly Boxicon ChevronRightSquare = new("chevron-right-square");
public static readonly Boxicon ChevronUp = new("chevron-up");
public static readonly Boxicon ChevronUpCircle = new("chevron-up-circle");
public static readonly Boxicon ChevronUpSquare = new("chevron-up-square");
public static readonly Boxicon ChevronsDown = new("chevrons-down");
public static readonly Boxicon ChevronsLeft = new("chevrons-left");
public static readonly Boxicon ChevronsRight = new("chevrons-right");
public static readonly Boxicon ChevronsUp = new("chevrons-up");
public static readonly Boxicon Child = new("child");
public static readonly Boxicon Chip = new("chip");
public static readonly Boxicon Church = new("church");
public static readonly Boxicon VerticalBottom = new("vertical-bottom");
public static readonly Boxicon Circle = new("circle");
public static readonly Boxicon CircleHalf = new("circle-half");
public static readonly Boxicon CircleQuarter = new("circle-quarter");
public static readonly Boxicon CircleThreeQuarter = new("circle-three-quarter");
public static readonly Boxicon Clinic = new("clinic");
public static readonly Boxicon Clipboard = new("clipboard");
public static readonly Boxicon Closet = new("closet");
public static readonly Boxicon Cloud = new("cloud");
public static readonly Boxicon CloudDownload = new("cloud-download");
public static readonly Boxicon CloudDrizzle = new("cloud-drizzle");
public static readonly Boxicon CloudLightRain = new("cloud-light-rain");
public static readonly Boxicon CloudLightning = new("cloud-lightning");
public static readonly Boxicon CloudRain = new("cloud-rain");
public static readonly Boxicon CloudSnow = new("cloud-snow");
public static readonly Boxicon CloudUpload = new("cloud-upload");
public static readonly Boxicon Code = new("code");
public static readonly Boxicon CodeAlt = new("code-alt");
public static readonly Boxicon CodeBlock = new("code-block");
public static readonly Boxicon CodeCurly = new("code-curly");
public static readonly Boxicon Coffee = new("coffee");
public static readonly Boxicon CoffeeTogo = new("coffee-togo");
public static readonly Boxicon Cog = new("cog");
public static readonly Boxicon Coin = new("coin");
public static readonly Boxicon CoinStack = new("coin-stack");
public static readonly Boxicon Signal2 = new("signal-2");
public static readonly Boxicon Collapse = new("collapse");
public static readonly Boxicon CollapseAlt = new("collapse-alt");
public static readonly Boxicon CollapseHorizontal = new("collapse-horizontal");
public static readonly Boxicon CollapseVertical = new("collapse-vertical");
public static readonly Boxicon Collection = new("collection");
public static readonly Boxicon Color = new("color");
public static readonly Boxicon ColorFill = new("color-fill");
public static readonly Boxicon Columns = new("columns");
public static readonly Boxicon Command = new("command");
public static readonly Boxicon Comment = new("comment");
public static readonly Boxicon CommentAdd = new("comment-add");
public static readonly Boxicon CommentCheck = new("comment-check");
public static readonly Boxicon CommentDetail = new("comment-detail");
public static readonly Boxicon CommentDots = new("comment-dots");
public static readonly Boxicon CommentEdit = new("comment-edit");
public static readonly Boxicon CommentError = new("comment-error");
public static readonly Boxicon CommentMinus = new("comment-minus");
public static readonly Boxicon CommentX = new("comment-x");
public static readonly Boxicon Compass = new("compass");
public static readonly Boxicon Confused = new("confused");
public static readonly Boxicon Conversation = new("conversation");
public static readonly Boxicon Cookie = new("cookie");
public static readonly Boxicon Cool = new("cool");
public static readonly Boxicon Copy = new("copy");
public static readonly Boxicon CopyAlt = new("copy-alt");
public static readonly Boxicon Copyright = new("copyright");
public static readonly Boxicon CreditCard = new("credit-card");
public static readonly Boxicon CreditCardAlt = new("credit-card-alt");
public static readonly Boxicon CreditCardFront = new("credit-card-front");
public static readonly Boxicon CricketBall = new("cricket-ball");
public static readonly Boxicon Crop = new("crop");
public static readonly Boxicon Cross = new("cross");
public static readonly Boxicon Crosshair = new("crosshair");
public static readonly Boxicon Crown = new("crown");
public static readonly Boxicon Cube = new("cube");
public static readonly Boxicon CubeAlt = new("cube-alt");
public static readonly Boxicon Cuboid = new("cuboid");
public static readonly Boxicon CurrentLocation = new("current-location");
public static readonly Boxicon Customize = new("customize");
public static readonly Boxicon Cut = new("cut");
public static readonly Boxicon Cycling = new("cycling");
public static readonly Boxicon Cylinder = new("cylinder");
public static readonly Boxicon Data = new("data");
public static readonly Boxicon Desktop = new("desktop");
public static readonly Boxicon Detail = new("detail");
public static readonly Boxicon Devices = new("devices");
public static readonly Boxicon Dialpad = new("dialpad");
public static readonly Boxicon DialpadAlt = new("dialpad-alt");
public static readonly Boxicon Diamond = new("diamond");
public static readonly Boxicon Dice1 = new("dice-1");
public static readonly Boxicon Dice2 = new("dice-2");
public static readonly Boxicon Dice3 = new("dice-3");
public static readonly Boxicon Dice4 = new("dice-4");
public static readonly Boxicon Dice5 = new("dice-5");
public static readonly Boxicon Dice6 = new("dice-6");
public static readonly Boxicon Directions = new("directions");
public static readonly Boxicon Disc = new("disc");
public static readonly Boxicon Dish = new("dish");
public static readonly Boxicon Dislike = new("dislike");
public static readonly Boxicon Dizzy = new("dizzy");
public static readonly Boxicon Dna = new("dna");
public static readonly Boxicon DockBottom = new("dock-bottom");
public static readonly Boxicon DockLeft = new("dock-left");
public static readonly Boxicon DockRight = new("dock-right");
public static readonly Boxicon DockTop = new("dock-top");
public static readonly Boxicon Dollar = new("dollar");
public static readonly Boxicon DollarCircle = new("dollar-circle");
public static readonly Boxicon DonateBlood = new("donate-blood");
public static readonly Boxicon DonateHeart = new("donate-heart");
public static readonly Boxicon DoorOpen = new("door-open");
public static readonly Boxicon DotsHorizontal = new("dots-horizontal");
public static readonly Boxicon DotsHorizontalRounded = new("dots-horizontal-rounded");
public static readonly Boxicon DotsVertical = new("dots-vertical");
public static readonly Boxicon DotsVerticalRounded = new("dots-vertical-rounded");
public static readonly Boxicon DoughnutChart = new("doughnut-chart");
public static readonly Boxicon DownArrow = new("down-arrow");
public static readonly Boxicon DownArrowAlt = new("down-arrow-alt");
public static readonly Boxicon DownArrowCircle = new("down-arrow-circle");
public static readonly Boxicon Download = new("download");
public static readonly Boxicon Downvote = new("downvote");
public static readonly Boxicon Drink = new("drink");
public static readonly Boxicon Droplet = new("droplet");
public static readonly Boxicon Dumbbell = new("dumbbell");
public static readonly Boxicon Duplicate = new("duplicate");
public static readonly Boxicon Edit = new("edit");
public static readonly Boxicon EditAlt = new("edit-alt");
public static readonly Boxicon Envelope = new("envelope");
public static readonly Boxicon EnvelopeOpen = new("envelope-open");
public static readonly Boxicon Equalizer = new("equalizer");
public static readonly Boxicon Eraser = new("eraser");
public static readonly Boxicon Error = new("error");
public static readonly Boxicon ErrorAlt = new("error-alt");
public static readonly Boxicon ErrorCircle = new("error-circle");
public static readonly Boxicon Euro = new("euro");
public static readonly Boxicon Exclude = new("exclude");
public static readonly Boxicon Exit = new("exit");
public static readonly Boxicon ExitFullscreen = new("exit-fullscreen");
public static readonly Boxicon Expand = new("expand");
public static readonly Boxicon ExpandAlt = new("expand-alt");
public static readonly Boxicon ExpandHorizontal = new("expand-horizontal");
public static readonly Boxicon ExpandVertical = new("expand-vertical");
public static readonly Boxicon Export = new("export");
public static readonly Boxicon Extension = new("extension");
public static readonly Boxicon Face = new("face");
public static readonly Boxicon FastForward = new("fast-forward");
public static readonly Boxicon FastForwardCircle = new("fast-forward-circle");
public static readonly Boxicon Female = new("female");
public static readonly Boxicon FemaleSign = new("female-sign");
public static readonly Boxicon File = new("file");
public static readonly Boxicon FileBlank = new("file-blank");
public static readonly Boxicon FileFind = new("file-find");
public static readonly Boxicon Film = new("film");
public static readonly Boxicon Filter = new("filter");
public static readonly Boxicon FilterAlt = new("filter-alt");
public static readonly Boxicon Fingerprint = new("fingerprint");
public static readonly Boxicon FirstAid = new("first-aid");
public static readonly Boxicon FirstPage = new("first-page");
public static readonly Boxicon VerticalTop = new("vertical-top");
public static readonly Boxicon Flag = new("flag");
public static readonly Boxicon Folder = new("folder");
public static readonly Boxicon FolderMinus = new("folder-minus");
public static readonly Boxicon FolderOpen = new("folder-open");
public static readonly Boxicon FolderPlus = new("folder-plus");
public static readonly Boxicon Font = new("font");
public static readonly Boxicon FontColor = new("font-color");
public static readonly Boxicon FontFamily = new("font-family");
public static readonly Boxicon FontSize = new("font-size");
public static readonly Boxicon FoodMenu = new("food-menu");
public static readonly Boxicon FoodTag = new("food-tag");
public static readonly Boxicon Football = new("football");
public static readonly Boxicon Fork = new("fork");
public static readonly Boxicon Fridge = new("fridge");
public static readonly Boxicon Fullscreen = new("fullscreen");
public static readonly Boxicon Game = new("game");
public static readonly Boxicon GasPump = new("gas-pump");
public static readonly Boxicon Ghost = new("ghost");
public static readonly Boxicon Gift = new("gift");
public static readonly Boxicon GitBranch = new("git-branch");
public static readonly Boxicon GitCommit = new("git-commit");
public static readonly Boxicon GitCompare = new("git-compare");
public static readonly Boxicon GitMerge = new("git-merge");
public static readonly Boxicon GitPullRequest = new("git-pull-request");
public static readonly Boxicon GitRepoForked = new("git-repo-forked");
public static readonly Boxicon Signal3 = new("signal-3");
public static readonly Boxicon Glasses = new("glasses");
public static readonly Boxicon GlassesAlt = new("glasses-alt");
public static readonly Boxicon Globe = new("globe");
public static readonly Boxicon GlobeAlt = new("globe-alt");
public static readonly Boxicon Grid = new("grid");
public static readonly Boxicon GridAlt = new("grid-alt");
public static readonly Boxicon GridHorizontal = new("grid-horizontal");
public static readonly Boxicon GridSmall = new("grid-small");
public static readonly Boxicon GridVertical = new("grid-vertical");
public static readonly Boxicon Group = new("group");
public static readonly Boxicon Handicap = new("handicap");
public static readonly Boxicon Happy = new("happy");
public static readonly Boxicon HappyAlt = new("happy-alt");
public static readonly Boxicon HappyBeaming = new("happy-beaming");
public static readonly Boxicon HappyHeartEyes = new("happy-heart-eyes");
public static readonly Boxicon HardHat = new("hard-hat");
public static readonly Boxicon Hash = new("hash");
public static readonly Boxicon Hdd = new("hdd");
public static readonly Boxicon Heading = new("heading");
public static readonly Boxicon Headphone = new("headphone");
public static readonly Boxicon Health = new("health");
public static readonly Boxicon Heart = new("heart");
public static readonly Boxicon HeartCircle = new("heart-circle");
public static readonly Boxicon HeartSquare = new("heart-square");
public static readonly Boxicon HelpCircle = new("help-circle");
public static readonly Boxicon Hide = new("hide");
public static readonly Boxicon Highlight = new("highlight");
public static readonly Boxicon History = new("history");
public static readonly Boxicon Hive = new("hive");
public static readonly Boxicon Home = new("home");
public static readonly Boxicon HomeAlt = new("home-alt");
public static readonly Boxicon HomeAlt2 = new("home-alt-2");
public static readonly Boxicon HomeCircle = new("home-circle");
public static readonly Boxicon HomeHeart = new("home-heart");
public static readonly Boxicon HomeSmile = new("home-smile");
public static readonly Boxicon HorizontalCenter = new("horizontal-center");
public static readonly Boxicon HorizontalLeft = new("horizontal-left");
public static readonly Boxicon HorizontalRight = new("horizontal-right");
public static readonly Boxicon Hotel = new("hotel");
public static readonly Boxicon Hourglass = new("hourglass");
public static readonly Boxicon IdCard = new("id-card");
public static readonly Boxicon Image = new("image");
public static readonly Boxicon ImageAdd = new("image-add");
public static readonly Boxicon ImageAlt = new("image-alt");
public static readonly Boxicon Images = new("images");
public static readonly Boxicon Import = new("import");
public static readonly Boxicon Infinite = new("infinite");
public static readonly Boxicon InfoCircle = new("info-circle");
public static readonly Boxicon InfoSquare = new("info-square");
public static readonly Boxicon Injection = new("injection");
public static readonly Boxicon Intersect = new("intersect");
public static readonly Boxicon Italic = new("italic");
public static readonly Boxicon Joystick = new("joystick");
public static readonly Boxicon JoystickAlt = new("joystick-alt");
public static readonly Boxicon JoystickButton = new("joystick-button");
public static readonly Boxicon Key = new("key");
public static readonly Boxicon Knife = new("knife");
public static readonly Boxicon Label = new("label");
public static readonly Boxicon Landscape = new("landscape");
public static readonly Boxicon Laptop = new("laptop");
public static readonly Boxicon LastPage = new("last-page");
public static readonly Boxicon Laugh = new("laugh");
public static readonly Boxicon Layer = new("layer");
public static readonly Boxicon LayerMinus = new("layer-minus");
public static readonly Boxicon LayerPlus = new("layer-plus");
public static readonly Boxicon Layout = new("layout");
public static readonly Boxicon Leaf = new("leaf");
public static readonly Boxicon LeftArrow = new("left-arrow");
public static readonly Boxicon LeftArrowAlt = new("left-arrow-alt");
public static readonly Boxicon LeftArrowCircle = new("left-arrow-circle");
public static readonly Boxicon LeftDownArrowCircle = new("left-down-arrow-circle");
public static readonly Boxicon LeftIndent = new("left-indent");
public static readonly Boxicon LeftTopArrowCircle = new("left-top-arrow-circle");
public static readonly Boxicon Lemon = new("lemon");
public static readonly Boxicon Library = new("library");
public static readonly Boxicon Like = new("like");
public static readonly Boxicon LineChart = new("line-chart");
public static readonly Boxicon LineChartDown = new("line-chart-down");
public static readonly Boxicon Link = new("link");
public static readonly Boxicon LinkAlt = new("link-alt");
public static readonly Boxicon LinkExternal = new("link-external");
public static readonly Boxicon Lira = new("lira");
public static readonly Boxicon ListCheck = new("list-check");
public static readonly Boxicon ListMinus = new("list-minus");
public static readonly Boxicon ListOl = new("list-ol");
public static readonly Boxicon ListPlus = new("list-plus");
public static readonly Boxicon ListUl = new("list-ul");
public static readonly Boxicon Loader = new("loader");
public static readonly Boxicon LoaderAlt = new("loader-alt");
public static readonly Boxicon LoaderCircle = new("loader-circle");
public static readonly Boxicon LocationPlus = new("location-plus");
public static readonly Boxicon Lock = new("lock");
public static readonly Boxicon LockAlt = new("lock-alt");
public static readonly Boxicon LockOpen = new("lock-open");
public static readonly Boxicon LockOpenAlt = new("lock-open-alt");
public static readonly Boxicon LogIn = new("log-in");
public static readonly Boxicon LogInCircle = new("log-in-circle");
public static readonly Boxicon LogOut = new("log-out");
public static readonly Boxicon LogOutCircle = new("log-out-circle");
public static readonly Boxicon LowVision = new("low-vision");
public static readonly Boxicon Magnet = new("magnet");
public static readonly Boxicon MailSend = new("mail-send");
public static readonly Boxicon Male = new("male");
public static readonly Boxicon MaleFemale = new("male-female");
public static readonly Boxicon MaleSign = new("male-sign");
public static readonly Boxicon Map = new("map");
public static readonly Boxicon MapAlt = new("map-alt");
public static readonly Boxicon MapPin = new("map-pin");
public static readonly Boxicon Mask = new("mask");
public static readonly Boxicon Math = new("math");
public static readonly Boxicon Medal = new("medal");
public static readonly Boxicon Meh = new("meh");
public static readonly Boxicon MehAlt = new("meh-alt");
public static readonly Boxicon MehBlank = new("meh-blank");
public static readonly Boxicon MemoryCard = new("memory-card");
public static readonly Boxicon Menu = new("menu");
public static readonly Boxicon MenuAltLeft = new("menu-alt-left");
public static readonly Boxicon MenuAltRight = new("menu-alt-right");
public static readonly Boxicon Merge = new("merge");
public static readonly Boxicon Message = new("message");
public static readonly Boxicon MessageAdd = new("message-add");
public static readonly Boxicon MessageAlt = new("message-alt");
public static readonly Boxicon MessageAltAdd = new("message-alt-add");
public static readonly Boxicon MessageAltCheck = new("message-alt-check");
public static readonly Boxicon MessageAltDetail = new("message-alt-detail");
public static readonly Boxicon MessageAltDots = new("message-alt-dots");
public static readonly Boxicon MessageAltEdit = new("message-alt-edit");
public static readonly Boxicon MessageAltError = new("message-alt-error");
public static readonly Boxicon MessageAltMinus = new("message-alt-minus");
public static readonly Boxicon MessageAltX = new("message-alt-x");
public static readonly Boxicon MessageCheck = new("message-check");
public static readonly Boxicon MessageDetail = new("message-detail");
public static readonly Boxicon MessageDots = new("message-dots");
public static readonly Boxicon MessageEdit = new("message-edit");
public static readonly Boxicon MessageError = new("message-error");
public static readonly Boxicon MessageMinus = new("message-minus");
public static readonly Boxicon MessageRounded = new("message-rounded");
public static readonly Boxicon MessageRoundedAdd = new("message-rounded-add");
public static readonly Boxicon MessageRoundedCheck = new("message-rounded-check");
public static readonly Boxicon MessageRoundedDetail = new("message-rounded-detail");
public static readonly Boxicon MessageRoundedDots = new("message-rounded-dots");
public static readonly Boxicon MessageRoundedEdit = new("message-rounded-edit");
public static readonly Boxicon MessageRoundedError = new("message-rounded-error");
public static readonly Boxicon MessageRoundedMinus = new("message-rounded-minus");
public static readonly Boxicon Signal4 = new("signal-4");
public static readonly Boxicon MessageRoundedX = new("message-rounded-x");
public static readonly Boxicon MessageSquare = new("message-square");
public static readonly Boxicon MessageSquareAdd = new("message-square-add");
public static readonly Boxicon MessageSquareCheck = new("message-square-check");
public static readonly Boxicon MessageSquareDetail = new("message-square-detail");
public static readonly Boxicon MessageSquareDots = new("message-square-dots");
public static readonly Boxicon MessageSquareEdit = new("message-square-edit");
public static readonly Boxicon MessageSquareError = new("message-square-error");
public static readonly Boxicon MessageSquareMinus = new("message-square-minus");
public static readonly Boxicon MessageSquareX = new("message-square-x");
public static readonly Boxicon MessageX = new("message-x");
public static readonly Boxicon Meteor = new("meteor");
public static readonly Boxicon Microchip = new("microchip");
public static readonly Boxicon Microphone = new("microphone");
public static readonly Boxicon MicrophoneOff = new("microphone-off");
public static readonly Boxicon Minus = new("minus");
public static readonly Boxicon MinusBack = new("minus-back");
public static readonly Boxicon MinusCircle = new("minus-circle");
public static readonly Boxicon MinusFront = new("minus-front");
public static readonly Boxicon Mobile = new("mobile");
public static readonly Boxicon MobileAlt = new("mobile-alt");
public static readonly Boxicon MobileLandscape = new("mobile-landscape");
public static readonly Boxicon MobileVibration = new("mobile-vibration");
public static readonly Boxicon Money = new("money");
public static readonly Boxicon MoneyWithdraw = new("money-withdraw");
public static readonly Boxicon Moon = new("moon");
public static readonly Boxicon Mouse = new("mouse");
public static readonly Boxicon MouseAlt = new("mouse-alt");
public static readonly Boxicon Move = new("move");
public static readonly Boxicon MoveHorizontal = new("move-horizontal");
public static readonly Boxicon MoveVertical = new("move-vertical");
public static readonly Boxicon Movie = new("movie");
public static readonly Boxicon MoviePlay = new("movie-play");
public static readonly Boxicon Music = new("music");
public static readonly Boxicon Navigation = new("navigation");
public static readonly Boxicon NetworkChart = new("network-chart");
public static readonly Boxicon News = new("news");
public static readonly Boxicon NoEntry = new("no-entry");
public static readonly Boxicon NoSignal = new("no-signal");
public static readonly Boxicon ShieldMinus = new("shield-minus");
public static readonly Boxicon ShieldPlus = new("shield-plus");
public static readonly Boxicon Note = new("note");
public static readonly Boxicon Notepad = new("notepad");
public static readonly Boxicon Notification = new("notification");
public static readonly Boxicon NotificationOff = new("notification-off");
public static readonly Boxicon ObjectsHorizontalCenter = new("objects-horizontal-center");
public static readonly Boxicon ObjectsHorizontalLeft = new("objects-horizontal-left");
public static readonly Boxicon ObjectsHorizontalRight = new("objects-horizontal-right");
public static readonly Boxicon Shower = new("shower");
public static readonly Boxicon ObjectsVerticalBottom = new("objects-vertical-bottom");
public static readonly Boxicon ObjectsVerticalCenter = new("objects-vertical-center");
public static readonly Boxicon ObjectsVerticalTop = new("objects-vertical-top");
public static readonly Boxicon Outline = new("outline");
public static readonly Boxicon Package = new("package");
public static readonly Boxicon Paint = new("paint");
public static readonly Boxicon PaintRoll = new("paint-roll");
public static readonly Boxicon Palette = new("palette");
public static readonly Boxicon PaperPlane = new("paper-plane");
public static readonly Boxicon Paperclip = new("paperclip");
public static readonly Boxicon Paragraph = new("paragraph");
public static readonly Boxicon Party = new("party");
public static readonly Boxicon Paste = new("paste");
public static readonly Boxicon Pause = new("pause");
public static readonly Boxicon PauseCircle = new("pause-circle");
public static readonly Boxicon Pen = new("pen");
public static readonly Boxicon Pencil = new("pencil");
public static readonly Boxicon Phone = new("phone");
public static readonly Boxicon PhoneCall = new("phone-call");
public static readonly Boxicon PhoneIncoming = new("phone-incoming");
public static readonly Boxicon Sushi = new("sushi");
public static readonly Boxicon PhoneOff = new("phone-off");
public static readonly Boxicon PhoneOutgoing = new("phone-outgoing");
public static readonly Boxicon PhotoAlbum = new("photo-album");
public static readonly Boxicon PieChart = new("pie-chart");
public static readonly Boxicon PieChartAlt = new("pie-chart-alt");
public static readonly Boxicon PieChartAlt2 = new("pie-chart-alt-2");
public static readonly Boxicon Pin = new("pin");
public static readonly Boxicon Planet = new("planet");
public static readonly Boxicon Play = new("play");
public static readonly Boxicon PlayCircle = new("play-circle");
public static readonly Boxicon Plug = new("plug");
public static readonly Boxicon Plus = new("plus");
public static readonly Boxicon PlusCircle = new("plus-circle");
public static readonly Boxicon PlusMedical = new("plus-medical");
public static readonly Boxicon Podcast = new("podcast");
public static readonly Boxicon Pointer = new("pointer");
public static readonly Boxicon Poll = new("poll");
public static readonly Boxicon Polygon = new("polygon");
public static readonly Boxicon Popsicle = new("popsicle");
public static readonly Boxicon Pound = new("pound");
public static readonly Boxicon PowerOff = new("power-off");
public static readonly Boxicon Printer = new("printer");
public static readonly Boxicon Pulse = new("pulse");
public static readonly Boxicon PurchaseTag = new("purchase-tag");
public static readonly Boxicon PurchaseTagAlt = new("purchase-tag-alt");
public static readonly Boxicon Signal5 = new("signal-5");
public static readonly Boxicon Pyramid = new("pyramid");
public static readonly Boxicon Qr = new("qr");
public static readonly Boxicon QrScan = new("qr-scan");
public static readonly Boxicon UniversalAccess = new("universal-access");
public static readonly Boxicon QuestionMark = new("question-mark");
public static readonly Boxicon Radar = new("radar");
public static readonly Boxicon Radio = new("radio");
public static readonly Boxicon RadioCircle = new("radio-circle");
public static readonly Boxicon RadioCircleMarked = new("radio-circle-marked");
public static readonly Boxicon Receipt = new("receipt");
public static readonly Boxicon Rectangle = new("rectangle");
public static readonly Boxicon Recycle = new("recycle");
public static readonly Boxicon Redo = new("redo");
public static readonly Boxicon ReflectHorizontal = new("reflect-horizontal");
public static readonly Boxicon ReflectVertical = new("reflect-vertical");
public static readonly Boxicon Refresh = new("refresh");
public static readonly Boxicon Registered = new("registered");
public static readonly Boxicon Rename = new("rename");
public static readonly Boxicon Repeat = new("repeat");
public static readonly Boxicon Reply = new("reply");
public static readonly Boxicon ReplyAll = new("reply-all");
public static readonly Boxicon Repost = new("repost");
public static readonly Boxicon Reset = new("reset");
public static readonly Boxicon Restaurant = new("restaurant");
public static readonly Boxicon Revision = new("revision");
public static readonly Boxicon Rewind = new("rewind");
public static readonly Boxicon RewindCircle = new("rewind-circle");
public static readonly Boxicon Rfid = new("rfid");
public static readonly Boxicon RightArrow = new("right-arrow");
public static readonly Boxicon RightArrowAlt = new("right-arrow-alt");
public static readonly Boxicon RightArrowCircle = new("right-arrow-circle");
public static readonly Boxicon RightDownArrowCircle = new("right-down-arrow-circle");
public static readonly Boxicon RightIndent = new("right-indent");
public static readonly Boxicon RightTopArrowCircle = new("right-top-arrow-circle");
public static readonly Boxicon Rocket = new("rocket");
public static readonly Boxicon RotateLeft = new("rotate-left");
public static readonly Boxicon RotateRight = new("rotate-right");
public static readonly Boxicon Rss = new("rss");
public static readonly Boxicon Ruble = new("ruble");
public static readonly Boxicon Ruler = new("ruler");
public static readonly Boxicon Run = new("run");
public static readonly Boxicon Rupee = new("rupee");
public static readonly Boxicon Sad = new("sad");
public static readonly Boxicon Save = new("save");
public static readonly Boxicon Scan = new("scan");
public static readonly Boxicon ScatterChart = new("scatter-chart");
public static readonly Boxicon Screenshot = new("screenshot");
public static readonly Boxicon Search = new("search");
public static readonly Boxicon SearchAlt = new("search-alt");
public static readonly Boxicon SearchAlt2 = new("search-alt-2");
public static readonly Boxicon SelectMultiple = new("select-multiple");
public static readonly Boxicon Selection = new("selection");
public static readonly Boxicon Send = new("send");
public static readonly Boxicon Server = new("server");
public static readonly Boxicon ShapeCircle = new("shape-circle");
public static readonly Boxicon ShapePolygon = new("shape-polygon");
public static readonly Boxicon ShapeSquare = new("shape-square");
public static readonly Boxicon ShapeTriangle = new("shape-triangle");
public static readonly Boxicon Share = new("share");
public static readonly Boxicon ShareAlt = new("share-alt");
public static readonly Boxicon Shekel = new("shekel");
public static readonly Boxicon Shield = new("shield");
public static readonly Boxicon ShieldAlt = new("shield-alt");
public static readonly Boxicon ShieldAlt2 = new("shield-alt-2");
public static readonly Boxicon ShieldQuarter = new("shield-quarter");
public static readonly Boxicon ShieldX = new("shield-x");
public static readonly Boxicon Shocked = new("shocked");
public static readonly Boxicon ShoppingBag = new("shopping-bag");
public static readonly Boxicon Show = new("show");
public static readonly Boxicon ShowAlt = new("show-alt");
public static readonly Boxicon Shuffle = new("shuffle");
public static readonly Boxicon Sidebar = new("sidebar");
public static readonly Boxicon Sitemap = new("sitemap");
public static readonly Boxicon SkipNext = new("skip-next");
public static readonly Boxicon SkipNextCircle = new("skip-next-circle");
public static readonly Boxicon SkipPrevious = new("skip-previous");
public static readonly Boxicon SkipPreviousCircle = new("skip-previous-circle");
public static readonly Boxicon Sleepy = new("sleepy");
public static readonly Boxicon Slider = new("slider");
public static readonly Boxicon SliderAlt = new("slider-alt");
public static readonly Boxicon Slideshow = new("slideshow");
public static readonly Boxicon Smile = new("smile");
public static readonly Boxicon Sort = new("sort");
public static readonly Boxicon SortAZ = new("sort-a-z");
public static readonly Boxicon SortAlt2 = new("sort-alt-2");
public static readonly Boxicon SortDown = new("sort-down");
public static readonly Boxicon SortUp = new("sort-up");
public static readonly Boxicon SortZA = new("sort-z-a");
public static readonly Boxicon Spa = new("spa");
public static readonly Boxicon SpaceBar = new("space-bar");
public static readonly Boxicon Speaker = new("speaker");
public static readonly Boxicon SprayCan = new("spray-can");
public static readonly Boxicon Spreadsheet = new("spreadsheet");
public static readonly Boxicon Square = new("square");
public static readonly Boxicon SquareRounded = new("square-rounded");
public static readonly Boxicon Star = new("star");
public static readonly Boxicon Station = new("station");
public static readonly Boxicon Stats = new("stats");
public static readonly Boxicon Sticker = new("sticker");
public static readonly Boxicon Stop = new("stop");
public static readonly Boxicon StopCircle = new("stop-circle");
public static readonly Boxicon Stopwatch = new("stopwatch");
public static readonly Boxicon Store = new("store");
public static readonly Boxicon StoreAlt = new("store-alt");
public static readonly Boxicon StreetView = new("street-view");
public static readonly Boxicon Strikethrough = new("strikethrough");
public static readonly Boxicon SubdirectoryLeft = new("subdirectory-left");
public static readonly Boxicon SubdirectoryRight = new("subdirectory-right");
public static readonly Boxicon Sun = new("sun");
public static readonly Boxicon Support = new("support");
public static readonly Boxicon Swim = new("swim");
public static readonly Boxicon Sync = new("sync");
public static readonly Boxicon Tab = new("tab");
public static readonly Boxicon Table = new("table");
public static readonly Boxicon Tachometer = new("tachometer");
public static readonly Boxicon Tag = new("tag");
public static readonly Boxicon TagAlt = new("tag-alt");
public static readonly Boxicon TargetLock = new("target-lock");
public static readonly Boxicon Task = new("task");
public static readonly Boxicon TaskX = new("task-x");
public static readonly Boxicon Taxi = new("taxi");
public static readonly Boxicon TennisBall = new("tennis-ball");
public static readonly Boxicon Terminal = new("terminal");
public static readonly Boxicon TestTube = new("test-tube");
public static readonly Boxicon Text = new("text");
public static readonly Boxicon Time = new("time");
public static readonly Boxicon TimeFive = new("time-five");
public static readonly Boxicon Timer = new("timer");
public static readonly Boxicon Tired = new("tired");
public static readonly Boxicon ToggleLeft = new("toggle-left");
public static readonly Boxicon ToggleRight = new("toggle-right");
public static readonly Boxicon Tone = new("tone");
public static readonly Boxicon TrafficCone = new("traffic-cone");
public static readonly Boxicon Train = new("train");
public static readonly Boxicon Transfer = new("transfer");
public static readonly Boxicon TransferAlt = new("transfer-alt");
public static readonly Boxicon Trash = new("trash");
public static readonly Boxicon TrashAlt = new("trash-alt");
public static readonly Boxicon TrendingDown = new("trending-down");
public static readonly Boxicon TrendingUp = new("trending-up");
public static readonly Boxicon Trim = new("trim");
public static readonly Boxicon Trip = new("trip");
public static readonly Boxicon Trophy = new("trophy");
public static readonly Boxicon Tv = new("tv");
public static readonly Boxicon Underline = new("underline");
public static readonly Boxicon Undo = new("undo");
public static readonly Boxicon Unite = new("unite");
public static readonly Boxicon Unlink = new("unlink");
public static readonly Boxicon UpArrow = new("up-arrow");
public static readonly Boxicon UpArrowAlt = new("up-arrow-alt");
public static readonly Boxicon UpArrowCircle = new("up-arrow-circle");
public static readonly Boxicon Upload = new("upload");
public static readonly Boxicon UpsideDown = new("upside-down");
public static readonly Boxicon Upvote = new("upvote");
public static readonly Boxicon Usb = new("usb");
public static readonly Boxicon User = new("user");
public static readonly Boxicon UserCheck = new("user-check");
public static readonly Boxicon UserCircle = new("user-circle");
public static readonly Boxicon UserMinus = new("user-minus");
public static readonly Boxicon UserPin = new("user-pin");
public static readonly Boxicon UserPlus = new("user-plus");
public static readonly Boxicon UserVoice = new("user-voice");
public static readonly Boxicon UserX = new("user-x");
public static readonly Boxicon Vector = new("vector");
public static readonly Boxicon VerticalCenter = new("vertical-center");
public static readonly Boxicon Vial = new("vial");
public static readonly Boxicon Video = new("video");
public static readonly Boxicon VideoOff = new("video-off");
public static readonly Boxicon VideoPlus = new("video-plus");
public static readonly Boxicon VideoRecording = new("video-recording");
public static readonly Boxicon Voicemail = new("voicemail");
public static readonly Boxicon Volume = new("volume");
public static readonly Boxicon VolumeFull = new("volume-full");
public static readonly Boxicon VolumeLow = new("volume-low");
public static readonly Boxicon VolumeMute = new("volume-mute");
public static readonly Boxicon Walk = new("walk");
public static readonly Boxicon Wallet = new("wallet");
public static readonly Boxicon WalletAlt = new("wallet-alt");
public static readonly Boxicon Water = new("water");
public static readonly Boxicon Webcam = new("webcam");
public static readonly Boxicon Wifi = new("wifi");
public static readonly Boxicon Wifi0 = new("wifi-0");
public static readonly Boxicon Wifi1 = new("wifi-1");
public static readonly Boxicon Wifi2 = new("wifi-2");
public static readonly Boxicon WifiOff = new("wifi-off");
public static readonly Boxicon Wind = new("wind");
public static readonly Boxicon Window = new("window");
public static readonly Boxicon WindowAlt = new("window-alt");
public static readonly Boxicon WindowClose = new("window-close");
public static readonly Boxicon WindowOpen = new("window-open");
public static readonly Boxicon Windows = new("windows");
public static readonly Boxicon Wine = new("wine");
public static readonly Boxicon WinkSmile = new("wink-smile");
public static readonly Boxicon WinkTongue = new("wink-tongue");
public static readonly Boxicon Won = new("won");
public static readonly Boxicon World = new("world");
public static readonly Boxicon Wrench = new("wrench");
public static readonly Boxicon X = new("x");
public static readonly Boxicon XCircle = new("x-circle");
public static readonly Boxicon Yen = new("yen");
public static readonly Boxicon ZoomIn = new("zoom-in");
public static readonly Boxicon ZoomOut = new("zoom-out");
}
First, create a base class:
export class Boxicon
{
private static readonly Prefix = "bx";
private static readonly PrefixSolid = "bxs";
public name: string;
public get text(): string
{
return this.getText();
}
public get textSolid(): string
{
return this.getTextSolid();
}
public get html(): HTMLElement
{
return this.getHtml();
}
public get htmlSolid(): HTMLElement
{
return this.getHtmlSolid();
}
constructor(name: string)
{
this.name = name;
}
public getText(): string;
public getText(customClasses: string): string;
public getText(customClasses?: string): string
{
return this.createText(Boxicon.Prefix, customClasses);
}
public getTextSolid(): string;
public getTextSolid(customClasses: string): string;
public getTextSolid(customClasses?: string): string
{
return this.createText(Boxicon.PrefixSolid, customClasses);
}
private createText(prefix: string, customClasses?: string): string
{
let additional = customClasses ?? '';
const result = //html
`
<i class="bx ${prefix}-${this.name} ${additional}"></i>
`;
return result
}
public getHtml(): HTMLElement;
public getHtml(customClasses: string): HTMLElement;
public getHtml(customClasses?: string): HTMLElement
{
return this.createHtmlElement(Boxicon.Prefix, customClasses);
}
public getHtmlSolid(): HTMLElement;
public getHtmlSolid(customClasses: string): HTMLElement;
public getHtmlSolid(customClasses?: string): HTMLElement
{
return this.createHtmlElement(Boxicon.PrefixSolid, customClasses);
}
private createHtmlElement(prefix: string, customClasses?: string): HTMLElement
{
const ele = document.createElement("i");
ele.className = `bx ${prefix}-${this.name} ${customClasses ?? ''}`.trim();
return ele;
}
}
Now, create a Boxicon
instance for each icon:
export const BoxiconAbacus = new Boxicon("abacus");
export const BoxiconAccessibility = new Boxicon("accessibility");
export const BoxiconAddToQueue = new Boxicon("add-to-queue");
export const BoxiconAdjust = new Boxicon("adjust");
export const BoxiconAlarm = new Boxicon("alarm");
export const BoxiconAlarmAdd = new Boxicon("alarm-add");
export const BoxiconAlarmExclamation = new Boxicon("alarm-exclamation");
export const BoxiconAlarmOff = new Boxicon("alarm-off");
export const BoxiconAlarmSnooze = new Boxicon("alarm-snooze");
export const BoxiconAlbum = new Boxicon("album");
export const BoxiconAlignJustify = new Boxicon("align-justify");
export const BoxiconAlignLeft = new Boxicon("align-left");
export const BoxiconAlignMiddle = new Boxicon("align-middle");
export const BoxiconAlignRight = new Boxicon("align-right");
export const BoxiconAnalyse = new Boxicon("analyse");
export const BoxiconAnchor = new Boxicon("anchor");
export const BoxiconAngry = new Boxicon("angry");
export const BoxiconAperture = new Boxicon("aperture");
export const BoxiconArch = new Boxicon("arch");
export const BoxiconArchive = new Boxicon("archive");
export const BoxiconArchiveIn = new Boxicon("archive-in");
export const BoxiconArchiveOut = new Boxicon("archive-out");
export const BoxiconArea = new Boxicon("area");
export const BoxiconArrowBack = new Boxicon("arrow-back");
export const BoxiconArrowFromBottom = new Boxicon("arrow-from-bottom");
export const BoxiconArrowFromLeft = new Boxicon("arrow-from-left");
export const BoxiconArrowFromRight = new Boxicon("arrow-from-right");
export const BoxiconArrowFromTop = new Boxicon("arrow-from-top");
export const BoxiconArrowToBottom = new Boxicon("arrow-to-bottom");
export const BoxiconArrowToLeft = new Boxicon("arrow-to-left");
export const BoxiconArrowToRight = new Boxicon("arrow-to-right");
export const BoxiconArrowToTop = new Boxicon("arrow-to-top");
export const BoxiconAt = new Boxicon("at");
export const BoxiconAtom = new Boxicon("atom");
export const BoxiconAward = new Boxicon("award");
export const BoxiconBadge = new Boxicon("badge");
export const BoxiconBadgeCheck = new Boxicon("badge-check");
export const BoxiconBaguette = new Boxicon("baguette");
export const BoxiconBall = new Boxicon("ball");
export const BoxiconBandAid = new Boxicon("band-aid");
export const BoxiconBarChart = new Boxicon("bar-chart");
export const BoxiconBarChartAlt = new Boxicon("bar-chart-alt");
export const BoxiconBarChartAlt2 = new Boxicon("bar-chart-alt-2");
export const BoxiconBarChartSquare = new Boxicon("bar-chart-square");
export const BoxiconBarcode = new Boxicon("barcode");
export const BoxiconBarcodeReader = new Boxicon("barcode-reader");
export const BoxiconBaseball = new Boxicon("baseball");
export const BoxiconBasket = new Boxicon("basket");
export const BoxiconBasketball = new Boxicon("basketball");
export const BoxiconBath = new Boxicon("bath");
export const BoxiconBattery = new Boxicon("battery");
export const BoxiconBed = new Boxicon("bed");
export const BoxiconBeenHere = new Boxicon("been-here");
export const BoxiconBeer = new Boxicon("beer");
export const BoxiconBell = new Boxicon("bell");
export const BoxiconBellMinus = new Boxicon("bell-minus");
export const BoxiconBellOff = new Boxicon("bell-off");
export const BoxiconBellPlus = new Boxicon("bell-plus");
export const BoxiconBible = new Boxicon("bible");
export const BoxiconBitcoin = new Boxicon("bitcoin");
export const BoxiconBlanket = new Boxicon("blanket");
export const BoxiconBlock = new Boxicon("block");
export const BoxiconBluetooth = new Boxicon("bluetooth");
export const BoxiconBody = new Boxicon("body");
export const BoxiconBold = new Boxicon("bold");
export const BoxiconBoltCircle = new Boxicon("bolt-circle");
export const BoxiconBomb = new Boxicon("bomb");
export const BoxiconBone = new Boxicon("bone");
export const BoxiconBong = new Boxicon("bong");
export const BoxiconBook = new Boxicon("book");
export const BoxiconBookAdd = new Boxicon("book-add");
export const BoxiconBookAlt = new Boxicon("book-alt");
export const BoxiconBookBookmark = new Boxicon("book-bookmark");
export const BoxiconBookContent = new Boxicon("book-content");
export const BoxiconBookHeart = new Boxicon("book-heart");
export const BoxiconBookOpen = new Boxicon("book-open");
export const BoxiconBookReader = new Boxicon("book-reader");
export const BoxiconBookmark = new Boxicon("bookmark");
export const BoxiconBookmarkAlt = new Boxicon("bookmark-alt");
export const BoxiconBookmarkAltMinus = new Boxicon("bookmark-alt-minus");
export const BoxiconBookmarkAltPlus = new Boxicon("bookmark-alt-plus");
export const BoxiconBookmarkHeart = new Boxicon("bookmark-heart");
export const BoxiconBookmarkMinus = new Boxicon("bookmark-minus");
export const BoxiconBookmarkPlus = new Boxicon("bookmark-plus");
export const BoxiconBookmarks = new Boxicon("bookmarks");
export const BoxiconBorderAll = new Boxicon("border-all");
export const BoxiconBorderBottom = new Boxicon("border-bottom");
export const BoxiconBorderInner = new Boxicon("border-inner");
export const BoxiconBorderLeft = new Boxicon("border-left");
export const BoxiconBorderNone = new Boxicon("border-none");
export const BoxiconBorderOuter = new Boxicon("border-outer");
export const BoxiconBorderRadius = new Boxicon("border-radius");
export const BoxiconBorderRight = new Boxicon("border-right");
export const BoxiconBorderTop = new Boxicon("border-top");
export const BoxiconBot = new Boxicon("bot");
export const BoxiconBowlHot = new Boxicon("bowl-hot");
export const BoxiconBowlRice = new Boxicon("bowl-rice");
export const BoxiconBowlingBall = new Boxicon("bowling-ball");
export const BoxiconBox = new Boxicon("box");
export const BoxiconBracket = new Boxicon("bracket");
export const BoxiconBraille = new Boxicon("braille");
export const BoxiconBrain = new Boxicon("brain");
export const BoxiconBriefcase = new Boxicon("briefcase");
export const BoxiconBriefcaseAlt = new Boxicon("briefcase-alt");
export const BoxiconBriefcaseAlt2 = new Boxicon("briefcase-alt-2");
export const BoxiconBrightness = new Boxicon("brightness");
export const BoxiconBrightnessHalf = new Boxicon("brightness-half");
export const BoxiconBroadcast = new Boxicon("broadcast");
export const BoxiconBrush = new Boxicon("brush");
export const BoxiconBrushAlt = new Boxicon("brush-alt");
export const BoxiconBug = new Boxicon("bug");
export const BoxiconBugAlt = new Boxicon("bug-alt");
export const BoxiconBuilding = new Boxicon("building");
export const BoxiconBuildingHouse = new Boxicon("building-house");
export const BoxiconBuildings = new Boxicon("buildings");
export const BoxiconBulb = new Boxicon("bulb");
export const BoxiconBullseye = new Boxicon("bullseye");
export const BoxiconBuoy = new Boxicon("buoy");
export const BoxiconBus = new Boxicon("bus");
export const BoxiconBusSchool = new Boxicon("bus-school");
export const BoxiconCabinet = new Boxicon("cabinet");
export const BoxiconCableCar = new Boxicon("cable-car");
export const BoxiconCake = new Boxicon("cake");
export const BoxiconCalculator = new Boxicon("calculator");
export const BoxiconCalendar = new Boxicon("calendar");
export const BoxiconCalendarAlt = new Boxicon("calendar-alt");
export const BoxiconCalendarCheck = new Boxicon("calendar-check");
export const BoxiconCalendarEdit = new Boxicon("calendar-edit");
export const BoxiconCalendarEvent = new Boxicon("calendar-event");
export const BoxiconCalendarExclamation = new Boxicon("calendar-exclamation");
export const BoxiconCalendarHeart = new Boxicon("calendar-heart");
export const BoxiconCalendarMinus = new Boxicon("calendar-minus");
export const BoxiconCalendarPlus = new Boxicon("calendar-plus");
export const BoxiconCalendarStar = new Boxicon("calendar-star");
export const BoxiconCalendarWeek = new Boxicon("calendar-week");
export const BoxiconCalendarX = new Boxicon("calendar-x");
export const BoxiconCamera = new Boxicon("camera");
export const BoxiconCameraHome = new Boxicon("camera-home");
export const BoxiconCameraMovie = new Boxicon("camera-movie");
export const BoxiconCameraOff = new Boxicon("camera-off");
export const BoxiconCandles = new Boxicon("candles");
export const BoxiconCapsule = new Boxicon("capsule");
export const BoxiconCaptions = new Boxicon("captions");
export const BoxiconCar = new Boxicon("car");
export const BoxiconCard = new Boxicon("card");
export const BoxiconCaretDown = new Boxicon("caret-down");
export const BoxiconCaretDownCircle = new Boxicon("caret-down-circle");
export const BoxiconCaretDownSquare = new Boxicon("caret-down-square");
export const BoxiconCaretLeft = new Boxicon("caret-left");
export const BoxiconCaretLeftCircle = new Boxicon("caret-left-circle");
export const BoxiconCaretLeftSquare = new Boxicon("caret-left-square");
export const BoxiconCaretRight = new Boxicon("caret-right");
export const BoxiconCaretRightCircle = new Boxicon("caret-right-circle");
export const BoxiconCaretRightSquare = new Boxicon("caret-right-square");
export const BoxiconCaretUp = new Boxicon("caret-up");
export const BoxiconCaretUpCircle = new Boxicon("caret-up-circle");
export const BoxiconCaretUpSquare = new Boxicon("caret-up-square");
export const BoxiconCarousel = new Boxicon("carousel");
export const BoxiconCart = new Boxicon("cart");
export const BoxiconCartAdd = new Boxicon("cart-add");
export const BoxiconCartAlt = new Boxicon("cart-alt");
export const BoxiconCartDownload = new Boxicon("cart-download");
export const BoxiconCast = new Boxicon("cast");
export const BoxiconCategory = new Boxicon("category");
export const BoxiconCategoryAlt = new Boxicon("category-alt");
export const BoxiconCctv = new Boxicon("cctv");
export const BoxiconCertification = new Boxicon("certification");
export const BoxiconChair = new Boxicon("chair");
export const BoxiconChalkboard = new Boxicon("chalkboard");
export const BoxiconChart = new Boxicon("chart");
export const BoxiconChat = new Boxicon("chat");
export const BoxiconCheck = new Boxicon("check");
export const BoxiconCheckCircle = new Boxicon("check-circle");
export const BoxiconCheckDouble = new Boxicon("check-double");
export const BoxiconCheckShield = new Boxicon("check-shield");
export const BoxiconCheckSquare = new Boxicon("check-square");
export const BoxiconCheckbox = new Boxicon("checkbox");
export const BoxiconCheckboxChecked = new Boxicon("checkbox-checked");
export const BoxiconCheckboxMinus = new Boxicon("checkbox-minus");
export const BoxiconCheckboxSquare = new Boxicon("checkbox-square");
export const BoxiconCheese = new Boxicon("cheese");
export const BoxiconChevronDown = new Boxicon("chevron-down");
export const BoxiconChevronDownCircle = new Boxicon("chevron-down-circle");
export const BoxiconChevronDownSquare = new Boxicon("chevron-down-square");
export const BoxiconChevronLeft = new Boxicon("chevron-left");
export const BoxiconSignal1 = new Boxicon("signal-1");
export const BoxiconChevronLeftCircle = new Boxicon("chevron-left-circle");
export const BoxiconChevronLeftSquare = new Boxicon("chevron-left-square");
export const BoxiconChevronRight = new Boxicon("chevron-right");
export const BoxiconChevronRightCircle = new Boxicon("chevron-right-circle");
export const BoxiconChevronRightSquare = new Boxicon("chevron-right-square");
export const BoxiconChevronUp = new Boxicon("chevron-up");
export const BoxiconChevronUpCircle = new Boxicon("chevron-up-circle");
export const BoxiconChevronUpSquare = new Boxicon("chevron-up-square");
export const BoxiconChevronsDown = new Boxicon("chevrons-down");
export const BoxiconChevronsLeft = new Boxicon("chevrons-left");
export const BoxiconChevronsRight = new Boxicon("chevrons-right");
export const BoxiconChevronsUp = new Boxicon("chevrons-up");
export const BoxiconChild = new Boxicon("child");
export const BoxiconChip = new Boxicon("chip");
export const BoxiconChurch = new Boxicon("church");
export const BoxiconVerticalBottom = new Boxicon("vertical-bottom");
export const BoxiconCircle = new Boxicon("circle");
export const BoxiconCircleHalf = new Boxicon("circle-half");
export const BoxiconCircleQuarter = new Boxicon("circle-quarter");
export const BoxiconCircleThreeQuarter = new Boxicon("circle-three-quarter");
export const BoxiconClinic = new Boxicon("clinic");
export const BoxiconClipboard = new Boxicon("clipboard");
export const BoxiconCloset = new Boxicon("closet");
export const BoxiconCloud = new Boxicon("cloud");
export const BoxiconCloudDownload = new Boxicon("cloud-download");
export const BoxiconCloudDrizzle = new Boxicon("cloud-drizzle");
export const BoxiconCloudLightRain = new Boxicon("cloud-light-rain");
export const BoxiconCloudLightning = new Boxicon("cloud-lightning");
export const BoxiconCloudRain = new Boxicon("cloud-rain");
export const BoxiconCloudSnow = new Boxicon("cloud-snow");
export const BoxiconCloudUpload = new Boxicon("cloud-upload");
export const BoxiconCode = new Boxicon("code");
export const BoxiconCodeAlt = new Boxicon("code-alt");
export const BoxiconCodeBlock = new Boxicon("code-block");
export const BoxiconCodeCurly = new Boxicon("code-curly");
export const BoxiconCoffee = new Boxicon("coffee");
export const BoxiconCoffeeTogo = new Boxicon("coffee-togo");
export const BoxiconCog = new Boxicon("cog");
export const BoxiconCoin = new Boxicon("coin");
export const BoxiconCoinStack = new Boxicon("coin-stack");
export const BoxiconSignal2 = new Boxicon("signal-2");
export const BoxiconCollapse = new Boxicon("collapse");
export const BoxiconCollapseAlt = new Boxicon("collapse-alt");
export const BoxiconCollapseHorizontal = new Boxicon("collapse-horizontal");
export const BoxiconCollapseVertical = new Boxicon("collapse-vertical");
export const BoxiconCollection = new Boxicon("collection");
export const BoxiconColor = new Boxicon("color");
export const BoxiconColorFill = new Boxicon("color-fill");
export const BoxiconColumns = new Boxicon("columns");
export const BoxiconCommand = new Boxicon("command");
export const BoxiconComment = new Boxicon("comment");
export const BoxiconCommentAdd = new Boxicon("comment-add");
export const BoxiconCommentCheck = new Boxicon("comment-check");
export const BoxiconCommentDetail = new Boxicon("comment-detail");
export const BoxiconCommentDots = new Boxicon("comment-dots");
export const BoxiconCommentEdit = new Boxicon("comment-edit");
export const BoxiconCommentError = new Boxicon("comment-error");
export const BoxiconCommentMinus = new Boxicon("comment-minus");
export const BoxiconCommentX = new Boxicon("comment-x");
export const BoxiconCompass = new Boxicon("compass");
export const BoxiconConfused = new Boxicon("confused");
export const BoxiconConversation = new Boxicon("conversation");
export const BoxiconCookie = new Boxicon("cookie");
export const BoxiconCool = new Boxicon("cool");
export const BoxiconCopy = new Boxicon("copy");
export const BoxiconCopyAlt = new Boxicon("copy-alt");
export const BoxiconCopyright = new Boxicon("copyright");
export const BoxiconCreditCard = new Boxicon("credit-card");
export const BoxiconCreditCardAlt = new Boxicon("credit-card-alt");
export const BoxiconCreditCardFront = new Boxicon("credit-card-front");
export const BoxiconCricketBall = new Boxicon("cricket-ball");
export const BoxiconCrop = new Boxicon("crop");
export const BoxiconCross = new Boxicon("cross");
export const BoxiconCrosshair = new Boxicon("crosshair");
export const BoxiconCrown = new Boxicon("crown");
export const BoxiconCube = new Boxicon("cube");
export const BoxiconCubeAlt = new Boxicon("cube-alt");
export const BoxiconCuboid = new Boxicon("cuboid");
export const BoxiconCurrentLocation = new Boxicon("current-location");
export const BoxiconCustomize = new Boxicon("customize");
export const BoxiconCut = new Boxicon("cut");
export const BoxiconCycling = new Boxicon("cycling");
export const BoxiconCylinder = new Boxicon("cylinder");
export const BoxiconData = new Boxicon("data");
export const BoxiconDesktop = new Boxicon("desktop");
export const BoxiconDetail = new Boxicon("detail");
export const BoxiconDevices = new Boxicon("devices");
export const BoxiconDialpad = new Boxicon("dialpad");
export const BoxiconDialpadAlt = new Boxicon("dialpad-alt");
export const BoxiconDiamond = new Boxicon("diamond");
export const BoxiconDice1 = new Boxicon("dice-1");
export const BoxiconDice2 = new Boxicon("dice-2");
export const BoxiconDice3 = new Boxicon("dice-3");
export const BoxiconDice4 = new Boxicon("dice-4");
export const BoxiconDice5 = new Boxicon("dice-5");
export const BoxiconDice6 = new Boxicon("dice-6");
export const BoxiconDirections = new Boxicon("directions");
export const BoxiconDisc = new Boxicon("disc");
export const BoxiconDish = new Boxicon("dish");
export const BoxiconDislike = new Boxicon("dislike");
export const BoxiconDizzy = new Boxicon("dizzy");
export const BoxiconDna = new Boxicon("dna");
export const BoxiconDockBottom = new Boxicon("dock-bottom");
export const BoxiconDockLeft = new Boxicon("dock-left");
export const BoxiconDockRight = new Boxicon("dock-right");
export const BoxiconDockTop = new Boxicon("dock-top");
export const BoxiconDollar = new Boxicon("dollar");
export const BoxiconDollarCircle = new Boxicon("dollar-circle");
export const BoxiconDonateBlood = new Boxicon("donate-blood");
export const BoxiconDonateHeart = new Boxicon("donate-heart");
export const BoxiconDoorOpen = new Boxicon("door-open");
export const BoxiconDotsHorizontal = new Boxicon("dots-horizontal");
export const BoxiconDotsHorizontalRounded = new Boxicon("dots-horizontal-rounded");
export const BoxiconDotsVertical = new Boxicon("dots-vertical");
export const BoxiconDotsVerticalRounded = new Boxicon("dots-vertical-rounded");
export const BoxiconDoughnutChart = new Boxicon("doughnut-chart");
export const BoxiconDownArrow = new Boxicon("down-arrow");
export const BoxiconDownArrowAlt = new Boxicon("down-arrow-alt");
export const BoxiconDownArrowCircle = new Boxicon("down-arrow-circle");
export const BoxiconDownload = new Boxicon("download");
export const BoxiconDownvote = new Boxicon("downvote");
export const BoxiconDrink = new Boxicon("drink");
export const BoxiconDroplet = new Boxicon("droplet");
export const BoxiconDumbbell = new Boxicon("dumbbell");
export const BoxiconDuplicate = new Boxicon("duplicate");
export const BoxiconEdit = new Boxicon("edit");
export const BoxiconEditAlt = new Boxicon("edit-alt");
export const BoxiconEnvelope = new Boxicon("envelope");
export const BoxiconEnvelopeOpen = new Boxicon("envelope-open");
export const BoxiconEqualizer = new Boxicon("equalizer");
export const BoxiconEraser = new Boxicon("eraser");
export const BoxiconError = new Boxicon("error");
export const BoxiconErrorAlt = new Boxicon("error-alt");
export const BoxiconErrorCircle = new Boxicon("error-circle");
export const BoxiconEuro = new Boxicon("euro");
export const BoxiconExclude = new Boxicon("exclude");
export const BoxiconExit = new Boxicon("exit");
export const BoxiconExitFullscreen = new Boxicon("exit-fullscreen");
export const BoxiconExpand = new Boxicon("expand");
export const BoxiconExpandAlt = new Boxicon("expand-alt");
export const BoxiconExpandHorizontal = new Boxicon("expand-horizontal");
export const BoxiconExpandVertical = new Boxicon("expand-vertical");
export const BoxiconExport = new Boxicon("export");
export const BoxiconExtension = new Boxicon("extension");
export const BoxiconFace = new Boxicon("face");
export const BoxiconFastForward = new Boxicon("fast-forward");
export const BoxiconFastForwardCircle = new Boxicon("fast-forward-circle");
export const BoxiconFemale = new Boxicon("female");
export const BoxiconFemaleSign = new Boxicon("female-sign");
export const BoxiconFile = new Boxicon("file");
export const BoxiconFileBlank = new Boxicon("file-blank");
export const BoxiconFileFind = new Boxicon("file-find");
export const BoxiconFilm = new Boxicon("film");
export const BoxiconFilter = new Boxicon("filter");
export const BoxiconFilterAlt = new Boxicon("filter-alt");
export const BoxiconFingerprint = new Boxicon("fingerprint");
export const BoxiconFirstAid = new Boxicon("first-aid");
export const BoxiconFirstPage = new Boxicon("first-page");
export const BoxiconVerticalTop = new Boxicon("vertical-top");
export const BoxiconFlag = new Boxicon("flag");
export const BoxiconFolder = new Boxicon("folder");
export const BoxiconFolderMinus = new Boxicon("folder-minus");
export const BoxiconFolderOpen = new Boxicon("folder-open");
export const BoxiconFolderPlus = new Boxicon("folder-plus");
export const BoxiconFont = new Boxicon("font");
export const BoxiconFontColor = new Boxicon("font-color");
export const BoxiconFontFamily = new Boxicon("font-family");
export const BoxiconFontSize = new Boxicon("font-size");
export const BoxiconFoodMenu = new Boxicon("food-menu");
export const BoxiconFoodTag = new Boxicon("food-tag");
export const BoxiconFootball = new Boxicon("football");
export const BoxiconFork = new Boxicon("fork");
export const BoxiconFridge = new Boxicon("fridge");
export const BoxiconFullscreen = new Boxicon("fullscreen");
export const BoxiconGame = new Boxicon("game");
export const BoxiconGasPump = new Boxicon("gas-pump");
export const BoxiconGhost = new Boxicon("ghost");
export const BoxiconGift = new Boxicon("gift");
export const BoxiconGitBranch = new Boxicon("git-branch");
export const BoxiconGitCommit = new Boxicon("git-commit");
export const BoxiconGitCompare = new Boxicon("git-compare");
export const BoxiconGitMerge = new Boxicon("git-merge");
export const BoxiconGitPullRequest = new Boxicon("git-pull-request");
export const BoxiconGitRepoForked = new Boxicon("git-repo-forked");
export const BoxiconSignal3 = new Boxicon("signal-3");
export const BoxiconGlasses = new Boxicon("glasses");
export const BoxiconGlassesAlt = new Boxicon("glasses-alt");
export const BoxiconGlobe = new Boxicon("globe");
export const BoxiconGlobeAlt = new Boxicon("globe-alt");
export const BoxiconGrid = new Boxicon("grid");
export const BoxiconGridAlt = new Boxicon("grid-alt");
export const BoxiconGridHorizontal = new Boxicon("grid-horizontal");
export const BoxiconGridSmall = new Boxicon("grid-small");
export const BoxiconGridVertical = new Boxicon("grid-vertical");
export const BoxiconGroup = new Boxicon("group");
export const BoxiconHandicap = new Boxicon("handicap");
export const BoxiconHappy = new Boxicon("happy");
export const BoxiconHappyAlt = new Boxicon("happy-alt");
export const BoxiconHappyBeaming = new Boxicon("happy-beaming");
export const BoxiconHappyHeartEyes = new Boxicon("happy-heart-eyes");
export const BoxiconHardHat = new Boxicon("hard-hat");
export const BoxiconHash = new Boxicon("hash");
export const BoxiconHdd = new Boxicon("hdd");
export const BoxiconHeading = new Boxicon("heading");
export const BoxiconHeadphone = new Boxicon("headphone");
export const BoxiconHealth = new Boxicon("health");
export const BoxiconHeart = new Boxicon("heart");
export const BoxiconHeartCircle = new Boxicon("heart-circle");
export const BoxiconHeartSquare = new Boxicon("heart-square");
export const BoxiconHelpCircle = new Boxicon("help-circle");
export const BoxiconHide = new Boxicon("hide");
export const BoxiconHighlight = new Boxicon("highlight");
export const BoxiconHistory = new Boxicon("history");
export const BoxiconHive = new Boxicon("hive");
export const BoxiconHome = new Boxicon("home");
export const BoxiconHomeAlt = new Boxicon("home-alt");
export const BoxiconHomeAlt2 = new Boxicon("home-alt-2");
export const BoxiconHomeCircle = new Boxicon("home-circle");
export const BoxiconHomeHeart = new Boxicon("home-heart");
export const BoxiconHomeSmile = new Boxicon("home-smile");
export const BoxiconHorizontalCenter = new Boxicon("horizontal-center");
export const BoxiconHorizontalLeft = new Boxicon("horizontal-left");
export const BoxiconHorizontalRight = new Boxicon("horizontal-right");
export const BoxiconHotel = new Boxicon("hotel");
export const BoxiconHourglass = new Boxicon("hourglass");
export const BoxiconIdCard = new Boxicon("id-card");
export const BoxiconImage = new Boxicon("image");
export const BoxiconImageAdd = new Boxicon("image-add");
export const BoxiconImageAlt = new Boxicon("image-alt");
export const BoxiconImages = new Boxicon("images");
export const BoxiconImport = new Boxicon("import");
export const BoxiconInfinite = new Boxicon("infinite");
export const BoxiconInfoCircle = new Boxicon("info-circle");
export const BoxiconInfoSquare = new Boxicon("info-square");
export const BoxiconInjection = new Boxicon("injection");
export const BoxiconIntersect = new Boxicon("intersect");
export const BoxiconItalic = new Boxicon("italic");
export const BoxiconJoystick = new Boxicon("joystick");
export const BoxiconJoystickAlt = new Boxicon("joystick-alt");
export const BoxiconJoystickButton = new Boxicon("joystick-button");
export const BoxiconKey = new Boxicon("key");
export const BoxiconKnife = new Boxicon("knife");
export const BoxiconLabel = new Boxicon("label");
export const BoxiconLandscape = new Boxicon("landscape");
export const BoxiconLaptop = new Boxicon("laptop");
export const BoxiconLastPage = new Boxicon("last-page");
export const BoxiconLaugh = new Boxicon("laugh");
export const BoxiconLayer = new Boxicon("layer");
export const BoxiconLayerMinus = new Boxicon("layer-minus");
export const BoxiconLayerPlus = new Boxicon("layer-plus");
export const BoxiconLayout = new Boxicon("layout");
export const BoxiconLeaf = new Boxicon("leaf");
export const BoxiconLeftArrow = new Boxicon("left-arrow");
export const BoxiconLeftArrowAlt = new Boxicon("left-arrow-alt");
export const BoxiconLeftArrowCircle = new Boxicon("left-arrow-circle");
export const BoxiconLeftDownArrowCircle = new Boxicon("left-down-arrow-circle");
export const BoxiconLeftIndent = new Boxicon("left-indent");
export const BoxiconLeftTopArrowCircle = new Boxicon("left-top-arrow-circle");
export const BoxiconLemon = new Boxicon("lemon");
export const BoxiconLibrary = new Boxicon("library");
export const BoxiconLike = new Boxicon("like");
export const BoxiconLineChart = new Boxicon("line-chart");
export const BoxiconLineChartDown = new Boxicon("line-chart-down");
export const BoxiconLink = new Boxicon("link");
export const BoxiconLinkAlt = new Boxicon("link-alt");
export const BoxiconLinkExternal = new Boxicon("link-external");
export const BoxiconLira = new Boxicon("lira");
export const BoxiconListCheck = new Boxicon("list-check");
export const BoxiconListMinus = new Boxicon("list-minus");
export const BoxiconListOl = new Boxicon("list-ol");
export const BoxiconListPlus = new Boxicon("list-plus");
export const BoxiconListUl = new Boxicon("list-ul");
export const BoxiconLoader = new Boxicon("loader");
export const BoxiconLoaderAlt = new Boxicon("loader-alt");
export const BoxiconLoaderCircle = new Boxicon("loader-circle");
export const BoxiconLocationPlus = new Boxicon("location-plus");
export const BoxiconLock = new Boxicon("lock");
export const BoxiconLockAlt = new Boxicon("lock-alt");
export const BoxiconLockOpen = new Boxicon("lock-open");
export const BoxiconLockOpenAlt = new Boxicon("lock-open-alt");
export const BoxiconLogIn = new Boxicon("log-in");
export const BoxiconLogInCircle = new Boxicon("log-in-circle");
export const BoxiconLogOut = new Boxicon("log-out");
export const BoxiconLogOutCircle = new Boxicon("log-out-circle");
export const BoxiconLowVision = new Boxicon("low-vision");
export const BoxiconMagnet = new Boxicon("magnet");
export const BoxiconMailSend = new Boxicon("mail-send");
export const BoxiconMale = new Boxicon("male");
export const BoxiconMaleFemale = new Boxicon("male-female");
export const BoxiconMaleSign = new Boxicon("male-sign");
export const BoxiconMap = new Boxicon("map");
export const BoxiconMapAlt = new Boxicon("map-alt");
export const BoxiconMapPin = new Boxicon("map-pin");
export const BoxiconMask = new Boxicon("mask");
export const BoxiconMath = new Boxicon("math");
export const BoxiconMedal = new Boxicon("medal");
export const BoxiconMeh = new Boxicon("meh");
export const BoxiconMehAlt = new Boxicon("meh-alt");
export const BoxiconMehBlank = new Boxicon("meh-blank");
export const BoxiconMemoryCard = new Boxicon("memory-card");
export const BoxiconMenu = new Boxicon("menu");
export const BoxiconMenuAltLeft = new Boxicon("menu-alt-left");
export const BoxiconMenuAltRight = new Boxicon("menu-alt-right");
export const BoxiconMerge = new Boxicon("merge");
export const BoxiconMessage = new Boxicon("message");
export const BoxiconMessageAdd = new Boxicon("message-add");
export const BoxiconMessageAlt = new Boxicon("message-alt");
export const BoxiconMessageAltAdd = new Boxicon("message-alt-add");
export const BoxiconMessageAltCheck = new Boxicon("message-alt-check");
export const BoxiconMessageAltDetail = new Boxicon("message-alt-detail");
export const BoxiconMessageAltDots = new Boxicon("message-alt-dots");
export const BoxiconMessageAltEdit = new Boxicon("message-alt-edit");
export const BoxiconMessageAltError = new Boxicon("message-alt-error");
export const BoxiconMessageAltMinus = new Boxicon("message-alt-minus");
export const BoxiconMessageAltX = new Boxicon("message-alt-x");
export const BoxiconMessageCheck = new Boxicon("message-check");
export const BoxiconMessageDetail = new Boxicon("message-detail");
export const BoxiconMessageDots = new Boxicon("message-dots");
export const BoxiconMessageEdit = new Boxicon("message-edit");
export const BoxiconMessageError = new Boxicon("message-error");
export const BoxiconMessageMinus = new Boxicon("message-minus");
export const BoxiconMessageRounded = new Boxicon("message-rounded");
export const BoxiconMessageRoundedAdd = new Boxicon("message-rounded-add");
export const BoxiconMessageRoundedCheck = new Boxicon("message-rounded-check");
export const BoxiconMessageRoundedDetail = new Boxicon("message-rounded-detail");
export const BoxiconMessageRoundedDots = new Boxicon("message-rounded-dots");
export const BoxiconMessageRoundedEdit = new Boxicon("message-rounded-edit");
export const BoxiconMessageRoundedError = new Boxicon("message-rounded-error");
export const BoxiconMessageRoundedMinus = new Boxicon("message-rounded-minus");
export const BoxiconSignal4 = new Boxicon("signal-4");
export const BoxiconMessageRoundedX = new Boxicon("message-rounded-x");
export const BoxiconMessageSquare = new Boxicon("message-square");
export const BoxiconMessageSquareAdd = new Boxicon("message-square-add");
export const BoxiconMessageSquareCheck = new Boxicon("message-square-check");
export const BoxiconMessageSquareDetail = new Boxicon("message-square-detail");
export const BoxiconMessageSquareDots = new Boxicon("message-square-dots");
export const BoxiconMessageSquareEdit = new Boxicon("message-square-edit");
export const BoxiconMessageSquareError = new Boxicon("message-square-error");
export const BoxiconMessageSquareMinus = new Boxicon("message-square-minus");
export const BoxiconMessageSquareX = new Boxicon("message-square-x");
export const BoxiconMessageX = new Boxicon("message-x");
export const BoxiconMeteor = new Boxicon("meteor");
export const BoxiconMicrochip = new Boxicon("microchip");
export const BoxiconMicrophone = new Boxicon("microphone");
export const BoxiconMicrophoneOff = new Boxicon("microphone-off");
export const BoxiconMinus = new Boxicon("minus");
export const BoxiconMinusBack = new Boxicon("minus-back");
export const BoxiconMinusCircle = new Boxicon("minus-circle");
export const BoxiconMinusFront = new Boxicon("minus-front");
export const BoxiconMobile = new Boxicon("mobile");
export const BoxiconMobileAlt = new Boxicon("mobile-alt");
export const BoxiconMobileLandscape = new Boxicon("mobile-landscape");
export const BoxiconMobileVibration = new Boxicon("mobile-vibration");
export const BoxiconMoney = new Boxicon("money");
export const BoxiconMoneyWithdraw = new Boxicon("money-withdraw");
export const BoxiconMoon = new Boxicon("moon");
export const BoxiconMouse = new Boxicon("mouse");
export const BoxiconMouseAlt = new Boxicon("mouse-alt");
export const BoxiconMove = new Boxicon("move");
export const BoxiconMoveHorizontal = new Boxicon("move-horizontal");
export const BoxiconMoveVertical = new Boxicon("move-vertical");
export const BoxiconMovie = new Boxicon("movie");
export const BoxiconMoviePlay = new Boxicon("movie-play");
export const BoxiconMusic = new Boxicon("music");
export const BoxiconNavigation = new Boxicon("navigation");
export const BoxiconNetworkChart = new Boxicon("network-chart");
export const BoxiconNews = new Boxicon("news");
export const BoxiconNoEntry = new Boxicon("no-entry");
export const BoxiconNoSignal = new Boxicon("no-signal");
export const BoxiconShieldMinus = new Boxicon("shield-minus");
export const BoxiconShieldPlus = new Boxicon("shield-plus");
export const BoxiconNote = new Boxicon("note");
export const BoxiconNotepad = new Boxicon("notepad");
export const BoxiconNotification = new Boxicon("notification");
export const BoxiconNotificationOff = new Boxicon("notification-off");
export const BoxiconObjectsHorizontalCenter = new Boxicon("objects-horizontal-center");
export const BoxiconObjectsHorizontalLeft = new Boxicon("objects-horizontal-left");
export const BoxiconObjectsHorizontalRight = new Boxicon("objects-horizontal-right");
export const BoxiconShower = new Boxicon("shower");
export const BoxiconObjectsVerticalBottom = new Boxicon("objects-vertical-bottom");
export const BoxiconObjectsVerticalCenter = new Boxicon("objects-vertical-center");
export const BoxiconObjectsVerticalTop = new Boxicon("objects-vertical-top");
export const BoxiconOutline = new Boxicon("outline");
export const BoxiconPackage = new Boxicon("package");
export const BoxiconPaint = new Boxicon("paint");
export const BoxiconPaintRoll = new Boxicon("paint-roll");
export const BoxiconPalette = new Boxicon("palette");
export const BoxiconPaperPlane = new Boxicon("paper-plane");
export const BoxiconPaperclip = new Boxicon("paperclip");
export const BoxiconParagraph = new Boxicon("paragraph");
export const BoxiconParty = new Boxicon("party");
export const BoxiconPaste = new Boxicon("paste");
export const BoxiconPause = new Boxicon("pause");
export const BoxiconPauseCircle = new Boxicon("pause-circle");
export const BoxiconPen = new Boxicon("pen");
export const BoxiconPencil = new Boxicon("pencil");
export const BoxiconPhone = new Boxicon("phone");
export const BoxiconPhoneCall = new Boxicon("phone-call");
export const BoxiconPhoneIncoming = new Boxicon("phone-incoming");
export const BoxiconSushi = new Boxicon("sushi");
export const BoxiconPhoneOff = new Boxicon("phone-off");
export const BoxiconPhoneOutgoing = new Boxicon("phone-outgoing");
export const BoxiconPhotoAlbum = new Boxicon("photo-album");
export const BoxiconPieChart = new Boxicon("pie-chart");
export const BoxiconPieChartAlt = new Boxicon("pie-chart-alt");
export const BoxiconPieChartAlt2 = new Boxicon("pie-chart-alt-2");
export const BoxiconPin = new Boxicon("pin");
export const BoxiconPlanet = new Boxicon("planet");
export const BoxiconPlay = new Boxicon("play");
export const BoxiconPlayCircle = new Boxicon("play-circle");
export const BoxiconPlug = new Boxicon("plug");
export const BoxiconPlus = new Boxicon("plus");
export const BoxiconPlusCircle = new Boxicon("plus-circle");
export const BoxiconPlusMedical = new Boxicon("plus-medical");
export const BoxiconPodcast = new Boxicon("podcast");
export const BoxiconPointer = new Boxicon("pointer");
export const BoxiconPoll = new Boxicon("poll");
export const BoxiconPolygon = new Boxicon("polygon");
export const BoxiconPopsicle = new Boxicon("popsicle");
export const BoxiconPound = new Boxicon("pound");
export const BoxiconPowerOff = new Boxicon("power-off");
export const BoxiconPrinter = new Boxicon("printer");
export const BoxiconPulse = new Boxicon("pulse");
export const BoxiconPurchaseTag = new Boxicon("purchase-tag");
export const BoxiconPurchaseTagAlt = new Boxicon("purchase-tag-alt");
export const BoxiconSignal5 = new Boxicon("signal-5");
export const BoxiconPyramid = new Boxicon("pyramid");
export const BoxiconQr = new Boxicon("qr");
export const BoxiconQrScan = new Boxicon("qr-scan");
export const BoxiconUniversalAccess = new Boxicon("universal-access");
export const BoxiconQuestionMark = new Boxicon("question-mark");
export const BoxiconRadar = new Boxicon("radar");
export const BoxiconRadio = new Boxicon("radio");
export const BoxiconRadioCircle = new Boxicon("radio-circle");
export const BoxiconRadioCircleMarked = new Boxicon("radio-circle-marked");
export const BoxiconReceipt = new Boxicon("receipt");
export const BoxiconRectangle = new Boxicon("rectangle");
export const BoxiconRecycle = new Boxicon("recycle");
export const BoxiconRedo = new Boxicon("redo");
export const BoxiconReflectHorizontal = new Boxicon("reflect-horizontal");
export const BoxiconReflectVertical = new Boxicon("reflect-vertical");
export const BoxiconRefresh = new Boxicon("refresh");
export const BoxiconRegistered = new Boxicon("registered");
export const BoxiconRename = new Boxicon("rename");
export const BoxiconRepeat = new Boxicon("repeat");
export const BoxiconReply = new Boxicon("reply");
export const BoxiconReplyAll = new Boxicon("reply-all");
export const BoxiconRepost = new Boxicon("repost");
export const BoxiconReset = new Boxicon("reset");
export const BoxiconRestaurant = new Boxicon("restaurant");
export const BoxiconRevision = new Boxicon("revision");
export const BoxiconRewind = new Boxicon("rewind");
export const BoxiconRewindCircle = new Boxicon("rewind-circle");
export const BoxiconRfid = new Boxicon("rfid");
export const BoxiconRightArrow = new Boxicon("right-arrow");
export const BoxiconRightArrowAlt = new Boxicon("right-arrow-alt");
export const BoxiconRightArrowCircle = new Boxicon("right-arrow-circle");
export const BoxiconRightDownArrowCircle = new Boxicon("right-down-arrow-circle");
export const BoxiconRightIndent = new Boxicon("right-indent");
export const BoxiconRightTopArrowCircle = new Boxicon("right-top-arrow-circle");
export const BoxiconRocket = new Boxicon("rocket");
export const BoxiconRotateLeft = new Boxicon("rotate-left");
export const BoxiconRotateRight = new Boxicon("rotate-right");
export const BoxiconRss = new Boxicon("rss");
export const BoxiconRuble = new Boxicon("ruble");
export const BoxiconRuler = new Boxicon("ruler");
export const BoxiconRun = new Boxicon("run");
export const BoxiconRupee = new Boxicon("rupee");
export const BoxiconSad = new Boxicon("sad");
export const BoxiconSave = new Boxicon("save");
export const BoxiconScan = new Boxicon("scan");
export const BoxiconScatterChart = new Boxicon("scatter-chart");
export const BoxiconScreenshot = new Boxicon("screenshot");
export const BoxiconSearch = new Boxicon("search");
export const BoxiconSearchAlt = new Boxicon("search-alt");
export const BoxiconSearchAlt2 = new Boxicon("search-alt-2");
export const BoxiconSelectMultiple = new Boxicon("select-multiple");
export const BoxiconSelection = new Boxicon("selection");
export const BoxiconSend = new Boxicon("send");
export const BoxiconServer = new Boxicon("server");
export const BoxiconShapeCircle = new Boxicon("shape-circle");
export const BoxiconShapePolygon = new Boxicon("shape-polygon");
export const BoxiconShapeSquare = new Boxicon("shape-square");
export const BoxiconShapeTriangle = new Boxicon("shape-triangle");
export const BoxiconShare = new Boxicon("share");
export const BoxiconShareAlt = new Boxicon("share-alt");
export const BoxiconShekel = new Boxicon("shekel");
export const BoxiconShield = new Boxicon("shield");
export const BoxiconShieldAlt = new Boxicon("shield-alt");
export const BoxiconShieldAlt2 = new Boxicon("shield-alt-2");
export const BoxiconShieldQuarter = new Boxicon("shield-quarter");
export const BoxiconShieldX = new Boxicon("shield-x");
export const BoxiconShocked = new Boxicon("shocked");
export const BoxiconShoppingBag = new Boxicon("shopping-bag");
export const BoxiconShow = new Boxicon("show");
export const BoxiconShowAlt = new Boxicon("show-alt");
export const BoxiconShuffle = new Boxicon("shuffle");
export const BoxiconSidebar = new Boxicon("sidebar");
export const BoxiconSitemap = new Boxicon("sitemap");
export const BoxiconSkipNext = new Boxicon("skip-next");
export const BoxiconSkipNextCircle = new Boxicon("skip-next-circle");
export const BoxiconSkipPrevious = new Boxicon("skip-previous");
export const BoxiconSkipPreviousCircle = new Boxicon("skip-previous-circle");
export const BoxiconSleepy = new Boxicon("sleepy");
export const BoxiconSlider = new Boxicon("slider");
export const BoxiconSliderAlt = new Boxicon("slider-alt");
export const BoxiconSlideshow = new Boxicon("slideshow");
export const BoxiconSmile = new Boxicon("smile");
export const BoxiconSort = new Boxicon("sort");
export const BoxiconSortAZ = new Boxicon("sort-a-z");
export const BoxiconSortAlt2 = new Boxicon("sort-alt-2");
export const BoxiconSortDown = new Boxicon("sort-down");
export const BoxiconSortUp = new Boxicon("sort-up");
export const BoxiconSortZA = new Boxicon("sort-z-a");
export const BoxiconSpa = new Boxicon("spa");
export const BoxiconSpaceBar = new Boxicon("space-bar");
export const BoxiconSpeaker = new Boxicon("speaker");
export const BoxiconSprayCan = new Boxicon("spray-can");
export const BoxiconSpreadsheet = new Boxicon("spreadsheet");
export const BoxiconSquare = new Boxicon("square");
export const BoxiconSquareRounded = new Boxicon("square-rounded");
export const BoxiconStar = new Boxicon("star");
export const BoxiconStation = new Boxicon("station");
export const BoxiconStats = new Boxicon("stats");
export const BoxiconSticker = new Boxicon("sticker");
export const BoxiconStop = new Boxicon("stop");
export const BoxiconStopCircle = new Boxicon("stop-circle");
export const BoxiconStopwatch = new Boxicon("stopwatch");
export const BoxiconStore = new Boxicon("store");
export const BoxiconStoreAlt = new Boxicon("store-alt");
export const BoxiconStreetView = new Boxicon("street-view");
export const BoxiconStrikethrough = new Boxicon("strikethrough");
export const BoxiconSubdirectoryLeft = new Boxicon("subdirectory-left");
export const BoxiconSubdirectoryRight = new Boxicon("subdirectory-right");
export const BoxiconSun = new Boxicon("sun");
export const BoxiconSupport = new Boxicon("support");
export const BoxiconSwim = new Boxicon("swim");
export const BoxiconSync = new Boxicon("sync");
export const BoxiconTab = new Boxicon("tab");
export const BoxiconTable = new Boxicon("table");
export const BoxiconTachometer = new Boxicon("tachometer");
export const BoxiconTag = new Boxicon("tag");
export const BoxiconTagAlt = new Boxicon("tag-alt");
export const BoxiconTargetLock = new Boxicon("target-lock");
export const BoxiconTask = new Boxicon("task");
export const BoxiconTaskX = new Boxicon("task-x");
export const BoxiconTaxi = new Boxicon("taxi");
export const BoxiconTennisBall = new Boxicon("tennis-ball");
export const BoxiconTerminal = new Boxicon("terminal");
export const BoxiconTestTube = new Boxicon("test-tube");
export const BoxiconText = new Boxicon("text");
export const BoxiconTime = new Boxicon("time");
export const BoxiconTimeFive = new Boxicon("time-five");
export const BoxiconTimer = new Boxicon("timer");
export const BoxiconTired = new Boxicon("tired");
export const BoxiconToggleLeft = new Boxicon("toggle-left");
export const BoxiconToggleRight = new Boxicon("toggle-right");
export const BoxiconTone = new Boxicon("tone");
export const BoxiconTrafficCone = new Boxicon("traffic-cone");
export const BoxiconTrain = new Boxicon("train");
export const BoxiconTransfer = new Boxicon("transfer");
export const BoxiconTransferAlt = new Boxicon("transfer-alt");
export const BoxiconTrash = new Boxicon("trash");
export const BoxiconTrashAlt = new Boxicon("trash-alt");
export const BoxiconTrendingDown = new Boxicon("trending-down");
export const BoxiconTrendingUp = new Boxicon("trending-up");
export const BoxiconTrim = new Boxicon("trim");
export const BoxiconTrip = new Boxicon("trip");
export const BoxiconTrophy = new Boxicon("trophy");
export const BoxiconTv = new Boxicon("tv");
export const BoxiconUnderline = new Boxicon("underline");
export const BoxiconUndo = new Boxicon("undo");
export const BoxiconUnite = new Boxicon("unite");
export const BoxiconUnlink = new Boxicon("unlink");
export const BoxiconUpArrow = new Boxicon("up-arrow");
export const BoxiconUpArrowAlt = new Boxicon("up-arrow-alt");
export const BoxiconUpArrowCircle = new Boxicon("up-arrow-circle");
export const BoxiconUpload = new Boxicon("upload");
export const BoxiconUpsideDown = new Boxicon("upside-down");
export const BoxiconUpvote = new Boxicon("upvote");
export const BoxiconUsb = new Boxicon("usb");
export const BoxiconUser = new Boxicon("user");
export const BoxiconUserCheck = new Boxicon("user-check");
export const BoxiconUserCircle = new Boxicon("user-circle");
export const BoxiconUserMinus = new Boxicon("user-minus");
export const BoxiconUserPin = new Boxicon("user-pin");
export const BoxiconUserPlus = new Boxicon("user-plus");
export const BoxiconUserVoice = new Boxicon("user-voice");
export const BoxiconUserX = new Boxicon("user-x");
export const BoxiconVector = new Boxicon("vector");
export const BoxiconVerticalCenter = new Boxicon("vertical-center");
export const BoxiconVial = new Boxicon("vial");
export const BoxiconVideo = new Boxicon("video");
export const BoxiconVideoOff = new Boxicon("video-off");
export const BoxiconVideoPlus = new Boxicon("video-plus");
export const BoxiconVideoRecording = new Boxicon("video-recording");
export const BoxiconVoicemail = new Boxicon("voicemail");
export const BoxiconVolume = new Boxicon("volume");
export const BoxiconVolumeFull = new Boxicon("volume-full");
export const BoxiconVolumeLow = new Boxicon("volume-low");
export const BoxiconVolumeMute = new Boxicon("volume-mute");
export const BoxiconWalk = new Boxicon("walk");
export const BoxiconWallet = new Boxicon("wallet");
export const BoxiconWalletAlt = new Boxicon("wallet-alt");
export const BoxiconWater = new Boxicon("water");
export const BoxiconWebcam = new Boxicon("webcam");
export const BoxiconWifi = new Boxicon("wifi");
export const BoxiconWifi0 = new Boxicon("wifi-0");
export const BoxiconWifi1 = new Boxicon("wifi-1");
export const BoxiconWifi2 = new Boxicon("wifi-2");
export const BoxiconWifiOff = new Boxicon("wifi-off");
export const BoxiconWind = new Boxicon("wind");
export const BoxiconWindow = new Boxicon("window");
export const BoxiconWindowAlt = new Boxicon("window-alt");
export const BoxiconWindowClose = new Boxicon("window-close");
export const BoxiconWindowOpen = new Boxicon("window-open");
export const BoxiconWindows = new Boxicon("windows");
export const BoxiconWine = new Boxicon("wine");
export const BoxiconWinkSmile = new Boxicon("wink-smile");
export const BoxiconWinkTongue = new Boxicon("wink-tongue");
export const BoxiconWon = new Boxicon("won");
export const BoxiconWorld = new Boxicon("world");
export const BoxiconWrench = new Boxicon("wrench");
export const BoxiconX = new Boxicon("x");
export const BoxiconXCircle = new Boxicon("x-circle");
export const BoxiconYen = new Boxicon("yen");
export const BoxiconZoomIn = new Boxicon("zoom-in");
export const BoxiconZoomOut = new Boxicon("zoom-out");
For example if you wanted to add the plus sign icon to an HTML button you would have to do this:
<button><i class="bx bx-plus"></i></button>
Now, in a C# Razor Template it becomes:
<button>@Boxicons.Plus.Html</button>
Also, if you were generating dynamic HTML strings in TypeScript/JavaScript it becomes:
const html = `<button>${BoxiconPlus.text}</button>`;
You can include custom classes to the generated <i>
element. Before, you would just add any additional classes in the element itself.
To add the mt-3
class to the icon element you would do it like this:
<button><i class="bx bx-plus mt-3"></i></button>
To do this in a Razor Template:
<button>@Boxicons.Plus.GetHtml("mt-3")</button>
And in TypeScript/JavaScript:
const html = `<button>${BoxiconPlus.GetText('mt-3')}</button>`;
© 2025 by Ryan Rickgauer