The icon component provides a flexible way to render SVG-based icons with support for different sizes, types, and visual states.
Example
code
<script type="module">
import '@blueprintui/icons/include.js';
import '@blueprintui/icons/shapes/user.js';
</script>
<div bp-layout="inline gap:md">
<bp-icon></bp-icon>
<bp-icon shape="user"></bp-icon>
</div>
Size
code
<script type="module">
import '@blueprintui/icons/include.js';
import '@blueprintui/icons/shapes/accessibility.js';
import '@blueprintui/icons/shapes/accessibility-two.js';
import '@blueprintui/icons/shapes/add-circle.js';
import '@blueprintui/icons/shapes/add.js';
import '@blueprintui/icons/shapes/add-text.js';
import '@blueprintui/icons/shapes/administrator.js';
import '@blueprintui/icons/shapes/airplane.js';
import '@blueprintui/icons/shapes/alarm-clock.js';
import '@blueprintui/icons/shapes/alarm-off.js';
import '@blueprintui/icons/shapes/alert.js';
import '@blueprintui/icons/shapes/align-bottom.js';
import '@blueprintui/icons/shapes/align-center.js';
import '@blueprintui/icons/shapes/align-left.js';
import '@blueprintui/icons/shapes/align-left-text.js';
import '@blueprintui/icons/shapes/align-middle.js';
import '@blueprintui/icons/shapes/align-right.js';
import '@blueprintui/icons/shapes/align-right-text.js';
import '@blueprintui/icons/shapes/align-top.js';
import '@blueprintui/icons/shapes/analytics.js';
import '@blueprintui/icons/shapes/angle-double.js';
import '@blueprintui/icons/shapes/angle.js';
import '@blueprintui/icons/shapes/animation.js';
import '@blueprintui/icons/shapes/application.js';
import '@blueprintui/icons/shapes/applications.js';
import '@blueprintui/icons/shapes/archive.js';
import '@blueprintui/icons/shapes/arrow.js';
import '@blueprintui/icons/shapes/assign-user.js';
import '@blueprintui/icons/shapes/asterisk.js';
import '@blueprintui/icons/shapes/atom.js';
import '@blueprintui/icons/shapes/attachment.js';
import '@blueprintui/icons/shapes/auto.js';
import '@blueprintui/icons/shapes/avatar.js';
import '@blueprintui/icons/shapes/axis-chart.js';
import '@blueprintui/icons/shapes/backup.js';
import '@blueprintui/icons/shapes/backup-restore.js';
import '@blueprintui/icons/shapes/balance.js';
import '@blueprintui/icons/shapes/ban.js';
import '@blueprintui/icons/shapes/bank.js';
import '@blueprintui/icons/shapes/bar-chart.js';
import '@blueprintui/icons/shapes/bar-code.js';
import '@blueprintui/icons/shapes/bars.js';
import '@blueprintui/icons/shapes/battery.js';
import '@blueprintui/icons/shapes/bell-curve.js';
import '@blueprintui/icons/shapes/bell.js';
import '@blueprintui/icons/shapes/beta.js';
import '@blueprintui/icons/shapes/bicycle.js';
import '@blueprintui/icons/shapes/bitcoin.js';
import '@blueprintui/icons/shapes/block.js';
import '@blueprintui/icons/shapes/block-quote.js';
import '@blueprintui/icons/shapes/blocks-group.js';
import '@blueprintui/icons/shapes/bluetooth.js';
import '@blueprintui/icons/shapes/bluetooth-off.js';
import '@blueprintui/icons/shapes/boat.js';
import '@blueprintui/icons/shapes/bold.js';
import '@blueprintui/icons/shapes/bolt.js';
import '@blueprintui/icons/shapes/book.js';
import '@blueprintui/icons/shapes/bookmark.js';
import '@blueprintui/icons/shapes/box-plot.js';
import '@blueprintui/icons/shapes/briefcase.js';
import '@blueprintui/icons/shapes/bubble-chart.js';
import '@blueprintui/icons/shapes/bubble-exclamation.js';
import '@blueprintui/icons/shapes/bug.js';
import '@blueprintui/icons/shapes/building.js';
import '@blueprintui/icons/shapes/bullet-list.js';
import '@blueprintui/icons/shapes/bullseye.js';
import '@blueprintui/icons/shapes/bundle.js';
import '@blueprintui/icons/shapes/calculator.js';
import '@blueprintui/icons/shapes/calendar.js';
import '@blueprintui/icons/shapes/camera.js';
import '@blueprintui/icons/shapes/campervan.js';
import '@blueprintui/icons/shapes/capacitor.js';
import '@blueprintui/icons/shapes/car.js';
import '@blueprintui/icons/shapes/caravan.js';
import '@blueprintui/icons/shapes/caret.js';
import '@blueprintui/icons/shapes/cd-dvd.js';
import '@blueprintui/icons/shapes/center-text.js';
import '@blueprintui/icons/shapes/certificate.js';
import '@blueprintui/icons/shapes/chat-bubble.js';
import '@blueprintui/icons/shapes/check.js';
import '@blueprintui/icons/shapes/checkbox-list.js';
import '@blueprintui/icons/shapes/child-arrow.js';
import '@blueprintui/icons/shapes/ci-cd.js';
import '@blueprintui/icons/shapes/circle-arrow.js';
import '@blueprintui/icons/shapes/circle.js';
import '@blueprintui/icons/shapes/clipboard.js';
import '@blueprintui/icons/shapes/clock.js';
import '@blueprintui/icons/shapes/clone.js';
import '@blueprintui/icons/shapes/close-circle.js';
import '@blueprintui/icons/shapes/close.js';
import '@blueprintui/icons/shapes/cloud-chart.js';
import '@blueprintui/icons/shapes/cloud.js';
import '@blueprintui/icons/shapes/cloud-network.js';
import '@blueprintui/icons/shapes/cloud-scale.js';
import '@blueprintui/icons/shapes/cloud-traffic.js';
import '@blueprintui/icons/shapes/cluster.js';
import '@blueprintui/icons/shapes/code.js';
import '@blueprintui/icons/shapes/cog.js';
import '@blueprintui/icons/shapes/coin-bag.js';
import '@blueprintui/icons/shapes/collapse-card.js';
import '@blueprintui/icons/shapes/collapse.js';
import '@blueprintui/icons/shapes/color-palette.js';
import '@blueprintui/icons/shapes/color-picker.js';
import '@blueprintui/icons/shapes/command.js';
import '@blueprintui/icons/shapes/compass.js';
import '@blueprintui/icons/shapes/computer.js';
import '@blueprintui/icons/shapes/connect.js';
import '@blueprintui/icons/shapes/container.js';
import '@blueprintui/icons/shapes/container-volume.js';
import '@blueprintui/icons/shapes/contract.js';
import '@blueprintui/icons/shapes/control-lun.js';
import '@blueprintui/icons/shapes/copy.js';
import '@blueprintui/icons/shapes/copy-to-clipboard.js';
import '@blueprintui/icons/shapes/cpu.js';
import '@blueprintui/icons/shapes/credit-card.js';
import '@blueprintui/icons/shapes/crosshairs.js';
import '@blueprintui/icons/shapes/crown.js';
import '@blueprintui/icons/shapes/cursor-arrow.js';
import '@blueprintui/icons/shapes/cursor-hand-click.js';
import '@blueprintui/icons/shapes/cursor-hand-grab.js';
import '@blueprintui/icons/shapes/cursor-hand.js';
import '@blueprintui/icons/shapes/cursor-hand-open.js';
import '@blueprintui/icons/shapes/cursor-move.js';
import '@blueprintui/icons/shapes/curve-chart.js';
import '@blueprintui/icons/shapes/dashboard.js';
import '@blueprintui/icons/shapes/data-cluster.js';
import '@blueprintui/icons/shapes/date.js';
import '@blueprintui/icons/shapes/deploy.js';
import '@blueprintui/icons/shapes/design.js';
import '@blueprintui/icons/shapes/details.js';
import '@blueprintui/icons/shapes/devices.js';
import '@blueprintui/icons/shapes/digital-signature.js';
import '@blueprintui/icons/shapes/directory.js';
import '@blueprintui/icons/shapes/disconnect.js';
import '@blueprintui/icons/shapes/disconnected.js';
import '@blueprintui/icons/shapes/display.js';
import '@blueprintui/icons/shapes/dna.js';
import '@blueprintui/icons/shapes/document.js';
import '@blueprintui/icons/shapes/dollar-bill.js';
import '@blueprintui/icons/shapes/dollar.js';
import '@blueprintui/icons/shapes/dot-circle.js';
import '@blueprintui/icons/shapes/download-cloud.js';
import '@blueprintui/icons/shapes/download.js';
import '@blueprintui/icons/shapes/drag-handle-corner.js';
import '@blueprintui/icons/shapes/drag-handle.js';
import '@blueprintui/icons/shapes/e-check.js';
import '@blueprintui/icons/shapes/edit.js';
import '@blueprintui/icons/shapes/ellipsis-horizontal.js';
import '@blueprintui/icons/shapes/ellipsis-vertical.js';
import '@blueprintui/icons/shapes/email.js';
import '@blueprintui/icons/shapes/employee-group.js';
import '@blueprintui/icons/shapes/employee.js';
import '@blueprintui/icons/shapes/envelope.js';
import '@blueprintui/icons/shapes/eraser.js';
import '@blueprintui/icons/shapes/error.js';
import '@blueprintui/icons/shapes/euro.js';
import '@blueprintui/icons/shapes/event.js';
import '@blueprintui/icons/shapes/expand-card.js';
import '@blueprintui/icons/shapes/export.js';
import '@blueprintui/icons/shapes/eye-hide.js';
import '@blueprintui/icons/shapes/eye.js';
import '@blueprintui/icons/shapes/factory.js';
import '@blueprintui/icons/shapes/fast-forward.js';
import '@blueprintui/icons/shapes/favorite.js';
import '@blueprintui/icons/shapes/ferry.js';
import '@blueprintui/icons/shapes/file-group.js';
import '@blueprintui/icons/shapes/file.js';
import '@blueprintui/icons/shapes/file-settings.js';
import '@blueprintui/icons/shapes/file-share-2.js';
import '@blueprintui/icons/shapes/file-share.js';
import '@blueprintui/icons/shapes/file-zip.js';
import '@blueprintui/icons/shapes/film-strip.js';
import '@blueprintui/icons/shapes/filter-2.js';
import '@blueprintui/icons/shapes/filter.js';
import '@blueprintui/icons/shapes/filter-off.js';
import '@blueprintui/icons/shapes/firewall.js';
import '@blueprintui/icons/shapes/first-aid-kit.js';
import '@blueprintui/icons/shapes/fish.js';
import '@blueprintui/icons/shapes/flag.js';
import '@blueprintui/icons/shapes/flame.js';
import '@blueprintui/icons/shapes/flask.js';
import '@blueprintui/icons/shapes/floppy.js';
import '@blueprintui/icons/shapes/flow-chart.js';
import '@blueprintui/icons/shapes/folder.js';
import '@blueprintui/icons/shapes/folder-open.js';
import '@blueprintui/icons/shapes/font-size.js';
import '@blueprintui/icons/shapes/forking.js';
import '@blueprintui/icons/shapes/form.js';
import '@blueprintui/icons/shapes/fuel.js';
import '@blueprintui/icons/shapes/gavel.js';
import '@blueprintui/icons/shapes/grid-chart.js';
import '@blueprintui/icons/shapes/grid-view.js';
import '@blueprintui/icons/shapes/group.js';
import '@blueprintui/icons/shapes/half-star.js';
import '@blueprintui/icons/shapes/happy-face.js';
import '@blueprintui/icons/shapes/hard-disk.js';
import '@blueprintui/icons/shapes/hard-drive-disks.js';
import '@blueprintui/icons/shapes/hard-drive.js';
import '@blueprintui/icons/shapes/hashtag.js';
import '@blueprintui/icons/shapes/headphones.js';
import '@blueprintui/icons/shapes/heart-broken.js';
import '@blueprintui/icons/shapes/heart.js';
import '@blueprintui/icons/shapes/heat-map.js';
import '@blueprintui/icons/shapes/helix.js';
import '@blueprintui/icons/shapes/help-info.js';
import '@blueprintui/icons/shapes/help.js';
import '@blueprintui/icons/shapes/highlighter.js';
import '@blueprintui/icons/shapes/history.js';
import '@blueprintui/icons/shapes/home.js';
import '@blueprintui/icons/shapes/host-group.js';
import '@blueprintui/icons/shapes/host.js';
import '@blueprintui/icons/shapes/hourglass.js';
import '@blueprintui/icons/shapes/id-badge.js';
import '@blueprintui/icons/shapes/image-gallery.js';
import '@blueprintui/icons/shapes/image.js';
import '@blueprintui/icons/shapes/import.js';
import '@blueprintui/icons/shapes/inbox.js';
import '@blueprintui/icons/shapes/indent.js';
import '@blueprintui/icons/shapes/inductor.js';
import '@blueprintui/icons/shapes/info.js';
import '@blueprintui/icons/shapes/install.js';
import '@blueprintui/icons/shapes/internet-of-things.js';
import '@blueprintui/icons/shapes/italic.js';
import '@blueprintui/icons/shapes/justify-text.js';
import '@blueprintui/icons/shapes/key.js';
import '@blueprintui/icons/shapes/keyboard.js';
import '@blueprintui/icons/shapes/landscape.js';
import '@blueprintui/icons/shapes/language.js';
import '@blueprintui/icons/shapes/launchpad.js';
import '@blueprintui/icons/shapes/layers.js';
import '@blueprintui/icons/shapes/library.js';
import '@blueprintui/icons/shapes/license.js';
import '@blueprintui/icons/shapes/lightbulb.js';
import '@blueprintui/icons/shapes/lightning.js';
import '@blueprintui/icons/shapes/line-chart.js';
import '@blueprintui/icons/shapes/link.js';
import '@blueprintui/icons/shapes/list.js';
import '@blueprintui/icons/shapes/lock.js';
import '@blueprintui/icons/shapes/login.js';
import '@blueprintui/icons/shapes/logout.js';
import '@blueprintui/icons/shapes/map.js';
import '@blueprintui/icons/shapes/map-marker.js';
import '@blueprintui/icons/shapes/media-changer.js';
import '@blueprintui/icons/shapes/memory.js';
import '@blueprintui/icons/shapes/menu.js';
import '@blueprintui/icons/shapes/microphone.js';
import '@blueprintui/icons/shapes/microphone-mute.js';
import '@blueprintui/icons/shapes/minus-circle.js';
import '@blueprintui/icons/shapes/minus.js';
import '@blueprintui/icons/shapes/mobile.js';
import '@blueprintui/icons/shapes/mobile-phone.js';
import '@blueprintui/icons/shapes/moon.js';
import '@blueprintui/icons/shapes/mouse.js';
import '@blueprintui/icons/shapes/music-note.js';
import '@blueprintui/icons/shapes/namespace.js';
import '@blueprintui/icons/shapes/network-globe.js';
import '@blueprintui/icons/shapes/network-settings.js';
import '@blueprintui/icons/shapes/network-switch.js';
import '@blueprintui/icons/shapes/neutral-face.js';
import '@blueprintui/icons/shapes/new.js';
import '@blueprintui/icons/shapes/no-access.js';
import '@blueprintui/icons/shapes/no-wifi.js';
import '@blueprintui/icons/shapes/node-group.js';
import '@blueprintui/icons/shapes/node.js';
import '@blueprintui/icons/shapes/nodes.js';
import '@blueprintui/icons/shapes/note.js';
import '@blueprintui/icons/shapes/notification.js';
import '@blueprintui/icons/shapes/number-list.js';
import '@blueprintui/icons/shapes/objects.js';
import '@blueprintui/icons/shapes/on-holiday.js';
import '@blueprintui/icons/shapes/organization.js';
import '@blueprintui/icons/shapes/outdent.js';
import '@blueprintui/icons/shapes/paint-roller.js';
import '@blueprintui/icons/shapes/paperclip.js';
import '@blueprintui/icons/shapes/paste.js';
import '@blueprintui/icons/shapes/pause.js';
import '@blueprintui/icons/shapes/pencil.js';
import '@blueprintui/icons/shapes/peso.js';
import '@blueprintui/icons/shapes/phone-handset.js';
import '@blueprintui/icons/shapes/picture.js';
import '@blueprintui/icons/shapes/pie-chart.js';
import '@blueprintui/icons/shapes/piggy-bank.js';
import '@blueprintui/icons/shapes/pin.js';
import '@blueprintui/icons/shapes/pinboard.js';
import '@blueprintui/icons/shapes/plane.js';
import '@blueprintui/icons/shapes/play.js';
import '@blueprintui/icons/shapes/plugin.js';
import '@blueprintui/icons/shapes/pod.js';
import '@blueprintui/icons/shapes/pop-out.js';
import '@blueprintui/icons/shapes/portrait.js';
import '@blueprintui/icons/shapes/pound.js';
import '@blueprintui/icons/shapes/power.js';
import '@blueprintui/icons/shapes/printer.js';
import '@blueprintui/icons/shapes/qr-code.js';
import '@blueprintui/icons/shapes/rack-server.js';
import '@blueprintui/icons/shapes/radar.js';
import '@blueprintui/icons/shapes/receiver.js';
import '@blueprintui/icons/shapes/recycle.js';
import '@blueprintui/icons/shapes/redo.js';
import '@blueprintui/icons/shapes/refresh.js';
import '@blueprintui/icons/shapes/repeat.js';
import '@blueprintui/icons/shapes/replay-all.js';
import '@blueprintui/icons/shapes/replay-one.js';
import '@blueprintui/icons/shapes/resistor.js';
import '@blueprintui/icons/shapes/resize-down.js';
import '@blueprintui/icons/shapes/resize.js';
import '@blueprintui/icons/shapes/resource-pool.js';
import '@blueprintui/icons/shapes/rewind.js';
import '@blueprintui/icons/shapes/router.js';
import '@blueprintui/icons/shapes/ruble.js';
import '@blueprintui/icons/shapes/ruler-pencil.js';
import '@blueprintui/icons/shapes/rupee.js';
import '@blueprintui/icons/shapes/sad-face.js';
import '@blueprintui/icons/shapes/savings.js';
import '@blueprintui/icons/shapes/scatter-plot.js';
import '@blueprintui/icons/shapes/scissors.js';
import '@blueprintui/icons/shapes/scroll.js';
import '@blueprintui/icons/shapes/search.js';
import '@blueprintui/icons/shapes/server.js';
import '@blueprintui/icons/shapes/settings.js';
import '@blueprintui/icons/shapes/share.js';
import '@blueprintui/icons/shapes/shield-check.js';
import '@blueprintui/icons/shapes/shield.js';
import '@blueprintui/icons/shapes/shield-x.js';
import '@blueprintui/icons/shapes/shopping-bag.js';
import '@blueprintui/icons/shapes/shopping-cart.js';
import '@blueprintui/icons/shapes/shrink.js';
import '@blueprintui/icons/shapes/shuffle.js';
import '@blueprintui/icons/shapes/sign-in.js';
import '@blueprintui/icons/shapes/sign-out.js';
import '@blueprintui/icons/shapes/slider.js';
import '@blueprintui/icons/shapes/snowflake.js';
import '@blueprintui/icons/shapes/sort-by.js';
import '@blueprintui/icons/shapes/squid.js';
import '@blueprintui/icons/shapes/ssd.js';
import '@blueprintui/icons/shapes/star.js';
import '@blueprintui/icons/shapes/step-forward-2.js';
import '@blueprintui/icons/shapes/step-forward.js';
import '@blueprintui/icons/shapes/stop.js';
import '@blueprintui/icons/shapes/storage-adapter.js';
import '@blueprintui/icons/shapes/storage.js';
import '@blueprintui/icons/shapes/store.js';
import '@blueprintui/icons/shapes/strikethrough.js';
import '@blueprintui/icons/shapes/subscript.js';
import '@blueprintui/icons/shapes/success.js';
import '@blueprintui/icons/shapes/sun.js';
import '@blueprintui/icons/shapes/superscript.js';
import '@blueprintui/icons/shapes/switch.js';
import '@blueprintui/icons/shapes/sync.js';
import '@blueprintui/icons/shapes/table.js';
import '@blueprintui/icons/shapes/tablet.js';
import '@blueprintui/icons/shapes/tag.js';
import '@blueprintui/icons/shapes/tags.js';
import '@blueprintui/icons/shapes/talk-bubbles.js';
import '@blueprintui/icons/shapes/tape-drive.js';
import '@blueprintui/icons/shapes/target.js';
import '@blueprintui/icons/shapes/tasks.js';
import '@blueprintui/icons/shapes/terminal.js';
import '@blueprintui/icons/shapes/text-color.js';
import '@blueprintui/icons/shapes/text.js';
import '@blueprintui/icons/shapes/thermometer.js';
import '@blueprintui/icons/shapes/thin-client.js';
import '@blueprintui/icons/shapes/thumbs-down.js';
import '@blueprintui/icons/shapes/thumbs-up.js';
import '@blueprintui/icons/shapes/tick-chart.js';
import '@blueprintui/icons/shapes/timeline.js';
import '@blueprintui/icons/shapes/tools.js';
import '@blueprintui/icons/shapes/trailer.js';
import '@blueprintui/icons/shapes/trash.js';
import '@blueprintui/icons/shapes/tree.js';
import '@blueprintui/icons/shapes/tree-view.js';
import '@blueprintui/icons/shapes/truck.js';
import '@blueprintui/icons/shapes/two-way-arrows.js';
import '@blueprintui/icons/shapes/unarchive.js';
import '@blueprintui/icons/shapes/underline.js';
import '@blueprintui/icons/shapes/undo.js';
import '@blueprintui/icons/shapes/uninstall.js';
import '@blueprintui/icons/shapes/unknown-status.js';
import '@blueprintui/icons/shapes/unlink.js';
import '@blueprintui/icons/shapes/unlock.js';
import '@blueprintui/icons/shapes/update.js';
import '@blueprintui/icons/shapes/upload-cloud.js';
import '@blueprintui/icons/shapes/upload.js';
import '@blueprintui/icons/shapes/usb.js';
import '@blueprintui/icons/shapes/user.js';
import '@blueprintui/icons/shapes/users.js';
import '@blueprintui/icons/shapes/video-camera.js';
import '@blueprintui/icons/shapes/video-gallery.js';
import '@blueprintui/icons/shapes/view-cards.js';
import '@blueprintui/icons/shapes/view-columns.js';
import '@blueprintui/icons/shapes/view-list.js';
import '@blueprintui/icons/shapes/volume-down.js';
import '@blueprintui/icons/shapes/volume.js';
import '@blueprintui/icons/shapes/volume-mute.js';
import '@blueprintui/icons/shapes/volume-up.js';
import '@blueprintui/icons/shapes/wallet.js';
import '@blueprintui/icons/shapes/wand.js';
import '@blueprintui/icons/shapes/warning.js';
import '@blueprintui/icons/shapes/wifi.js';
import '@blueprintui/icons/shapes/window-max.js';
import '@blueprintui/icons/shapes/window-min.js';
import '@blueprintui/icons/shapes/window-restore.js';
import '@blueprintui/icons/shapes/won.js';
import '@blueprintui/icons/shapes/world.js';
import '@blueprintui/icons/shapes/wrench.js';
import '@blueprintui/icons/shapes/yen.js';
import '@blueprintui/icons/shapes/zoom-in.js';
import '@blueprintui/icons/shapes/zoom-out.js';
</script>
<div bp-layout="inline gap:md">
<bp-icon shape="accessibility" size="sm"></bp-icon>
<bp-icon shape="accessibility" size="md"></bp-icon>
<bp-icon shape="accessibility" size="lg"></bp-icon>
<bp-icon shape="accessibility-two" size="sm"></bp-icon>
<bp-icon shape="accessibility-two" size="md"></bp-icon>
<bp-icon shape="accessibility-two" size="lg"></bp-icon>
<bp-icon shape="add-circle" size="sm"></bp-icon>
<bp-icon shape="add-circle" size="md"></bp-icon>
<bp-icon shape="add-circle" size="lg"></bp-icon>
<bp-icon shape="add" size="sm"></bp-icon>
<bp-icon shape="add" size="md"></bp-icon>
<bp-icon shape="add" size="lg"></bp-icon>
<bp-icon shape="add-text" size="sm"></bp-icon>
<bp-icon shape="add-text" size="md"></bp-icon>
<bp-icon shape="add-text" size="lg"></bp-icon>
<bp-icon shape="administrator" size="sm"></bp-icon>
<bp-icon shape="administrator" size="md"></bp-icon>
<bp-icon shape="administrator" size="lg"></bp-icon>
<bp-icon shape="airplane" size="sm"></bp-icon>
<bp-icon shape="airplane" size="md"></bp-icon>
<bp-icon shape="airplane" size="lg"></bp-icon>
<bp-icon shape="alarm-clock" size="sm"></bp-icon>
<bp-icon shape="alarm-clock" size="md"></bp-icon>
<bp-icon shape="alarm-clock" size="lg"></bp-icon>
<bp-icon shape="alarm-off" size="sm"></bp-icon>
<bp-icon shape="alarm-off" size="md"></bp-icon>
<bp-icon shape="alarm-off" size="lg"></bp-icon>
<bp-icon shape="alert" size="sm"></bp-icon>
<bp-icon shape="alert" size="md"></bp-icon>
<bp-icon shape="alert" size="lg"></bp-icon>
<bp-icon shape="align-bottom" size="sm"></bp-icon>
<bp-icon shape="align-bottom" size="md"></bp-icon>
<bp-icon shape="align-bottom" size="lg"></bp-icon>
<bp-icon shape="align-center" size="sm"></bp-icon>
<bp-icon shape="align-center" size="md"></bp-icon>
<bp-icon shape="align-center" size="lg"></bp-icon>
<bp-icon shape="align-left" size="sm"></bp-icon>
<bp-icon shape="align-left" size="md"></bp-icon>
<bp-icon shape="align-left" size="lg"></bp-icon>
<bp-icon shape="align-left-text" size="sm"></bp-icon>
<bp-icon shape="align-left-text" size="md"></bp-icon>
<bp-icon shape="align-left-text" size="lg"></bp-icon>
<bp-icon shape="align-middle" size="sm"></bp-icon>
<bp-icon shape="align-middle" size="md"></bp-icon>
<bp-icon shape="align-middle" size="lg"></bp-icon>
<bp-icon shape="align-right" size="sm"></bp-icon>
<bp-icon shape="align-right" size="md"></bp-icon>
<bp-icon shape="align-right" size="lg"></bp-icon>
<bp-icon shape="align-right-text" size="sm"></bp-icon>
<bp-icon shape="align-right-text" size="md"></bp-icon>
<bp-icon shape="align-right-text" size="lg"></bp-icon>
<bp-icon shape="align-top" size="sm"></bp-icon>
<bp-icon shape="align-top" size="md"></bp-icon>
<bp-icon shape="align-top" size="lg"></bp-icon>
<bp-icon shape="analytics" size="sm"></bp-icon>
<bp-icon shape="analytics" size="md"></bp-icon>
<bp-icon shape="analytics" size="lg"></bp-icon>
<bp-icon shape="angle-double" size="sm"></bp-icon>
<bp-icon shape="angle-double" size="md"></bp-icon>
<bp-icon shape="angle-double" size="lg"></bp-icon>
<bp-icon shape="angle" size="sm"></bp-icon>
<bp-icon shape="angle" size="md"></bp-icon>
<bp-icon shape="angle" size="lg"></bp-icon>
<bp-icon shape="animation" size="sm"></bp-icon>
<bp-icon shape="animation" size="md"></bp-icon>
<bp-icon shape="animation" size="lg"></bp-icon>
<bp-icon shape="application" size="sm"></bp-icon>
<bp-icon shape="application" size="md"></bp-icon>
<bp-icon shape="application" size="lg"></bp-icon>
<bp-icon shape="applications" size="sm"></bp-icon>
<bp-icon shape="applications" size="md"></bp-icon>
<bp-icon shape="applications" size="lg"></bp-icon>
<bp-icon shape="archive" size="sm"></bp-icon>
<bp-icon shape="archive" size="md"></bp-icon>
<bp-icon shape="archive" size="lg"></bp-icon>
<bp-icon shape="arrow" size="sm"></bp-icon>
<bp-icon shape="arrow" size="md"></bp-icon>
<bp-icon shape="arrow" size="lg"></bp-icon>
<bp-icon shape="assign-user" size="sm"></bp-icon>
<bp-icon shape="assign-user" size="md"></bp-icon>
<bp-icon shape="assign-user" size="lg"></bp-icon>
<bp-icon shape="asterisk" size="sm"></bp-icon>
<bp-icon shape="asterisk" size="md"></bp-icon>
<bp-icon shape="asterisk" size="lg"></bp-icon>
<bp-icon shape="atom" size="sm"></bp-icon>
<bp-icon shape="atom" size="md"></bp-icon>
<bp-icon shape="atom" size="lg"></bp-icon>
<bp-icon shape="attachment" size="sm"></bp-icon>
<bp-icon shape="attachment" size="md"></bp-icon>
<bp-icon shape="attachment" size="lg"></bp-icon>
<bp-icon shape="auto" size="sm"></bp-icon>
<bp-icon shape="auto" size="md"></bp-icon>
<bp-icon shape="auto" size="lg"></bp-icon>
<bp-icon shape="avatar" size="sm"></bp-icon>
<bp-icon shape="avatar" size="md"></bp-icon>
<bp-icon shape="avatar" size="lg"></bp-icon>
<bp-icon shape="axis-chart" size="sm"></bp-icon>
<bp-icon shape="axis-chart" size="md"></bp-icon>
<bp-icon shape="axis-chart" size="lg"></bp-icon>
<bp-icon shape="backup" size="sm"></bp-icon>
<bp-icon shape="backup" size="md"></bp-icon>
<bp-icon shape="backup" size="lg"></bp-icon>
<bp-icon shape="backup-restore" size="sm"></bp-icon>
<bp-icon shape="backup-restore" size="md"></bp-icon>
<bp-icon shape="backup-restore" size="lg"></bp-icon>
<bp-icon shape="balance" size="sm"></bp-icon>
<bp-icon shape="balance" size="md"></bp-icon>
<bp-icon shape="balance" size="lg"></bp-icon>
<bp-icon shape="ban" size="sm"></bp-icon>
<bp-icon shape="ban" size="md"></bp-icon>
<bp-icon shape="ban" size="lg"></bp-icon>
<bp-icon shape="bank" size="sm"></bp-icon>
<bp-icon shape="bank" size="md"></bp-icon>
<bp-icon shape="bank" size="lg"></bp-icon>
<bp-icon shape="bar-chart" size="sm"></bp-icon>
<bp-icon shape="bar-chart" size="md"></bp-icon>
<bp-icon shape="bar-chart" size="lg"></bp-icon>
<bp-icon shape="bar-code" size="sm"></bp-icon>
<bp-icon shape="bar-code" size="md"></bp-icon>
<bp-icon shape="bar-code" size="lg"></bp-icon>
<bp-icon shape="bars" size="sm"></bp-icon>
<bp-icon shape="bars" size="md"></bp-icon>
<bp-icon shape="bars" size="lg"></bp-icon>
<bp-icon shape="battery" size="sm"></bp-icon>
<bp-icon shape="battery" size="md"></bp-icon>
<bp-icon shape="battery" size="lg"></bp-icon>
<bp-icon shape="bell-curve" size="sm"></bp-icon>
<bp-icon shape="bell-curve" size="md"></bp-icon>
<bp-icon shape="bell-curve" size="lg"></bp-icon>
<bp-icon shape="bell" size="sm"></bp-icon>
<bp-icon shape="bell" size="md"></bp-icon>
<bp-icon shape="bell" size="lg"></bp-icon>
<bp-icon shape="beta" size="sm"></bp-icon>
<bp-icon shape="beta" size="md"></bp-icon>
<bp-icon shape="beta" size="lg"></bp-icon>
<bp-icon shape="bicycle" size="sm"></bp-icon>
<bp-icon shape="bicycle" size="md"></bp-icon>
<bp-icon shape="bicycle" size="lg"></bp-icon>
<bp-icon shape="bitcoin" size="sm"></bp-icon>
<bp-icon shape="bitcoin" size="md"></bp-icon>
<bp-icon shape="bitcoin" size="lg"></bp-icon>
<bp-icon shape="block" size="sm"></bp-icon>
<bp-icon shape="block" size="md"></bp-icon>
<bp-icon shape="block" size="lg"></bp-icon>
<bp-icon shape="block-quote" size="sm"></bp-icon>
<bp-icon shape="block-quote" size="md"></bp-icon>
<bp-icon shape="block-quote" size="lg"></bp-icon>
<bp-icon shape="blocks-group" size="sm"></bp-icon>
<bp-icon shape="blocks-group" size="md"></bp-icon>
<bp-icon shape="blocks-group" size="lg"></bp-icon>
<bp-icon shape="bluetooth" size="sm"></bp-icon>
<bp-icon shape="bluetooth" size="md"></bp-icon>
<bp-icon shape="bluetooth" size="lg"></bp-icon>
<bp-icon shape="bluetooth-off" size="sm"></bp-icon>
<bp-icon shape="bluetooth-off" size="md"></bp-icon>
<bp-icon shape="bluetooth-off" size="lg"></bp-icon>
<bp-icon shape="boat" size="sm"></bp-icon>
<bp-icon shape="boat" size="md"></bp-icon>
<bp-icon shape="boat" size="lg"></bp-icon>
<bp-icon shape="bold" size="sm"></bp-icon>
<bp-icon shape="bold" size="md"></bp-icon>
<bp-icon shape="bold" size="lg"></bp-icon>
<bp-icon shape="bolt" size="sm"></bp-icon>
<bp-icon shape="bolt" size="md"></bp-icon>
<bp-icon shape="bolt" size="lg"></bp-icon>
<bp-icon shape="book" size="sm"></bp-icon>
<bp-icon shape="book" size="md"></bp-icon>
<bp-icon shape="book" size="lg"></bp-icon>
<bp-icon shape="bookmark" size="sm"></bp-icon>
<bp-icon shape="bookmark" size="md"></bp-icon>
<bp-icon shape="bookmark" size="lg"></bp-icon>
<bp-icon shape="box-plot" size="sm"></bp-icon>
<bp-icon shape="box-plot" size="md"></bp-icon>
<bp-icon shape="box-plot" size="lg"></bp-icon>
<bp-icon shape="briefcase" size="sm"></bp-icon>
<bp-icon shape="briefcase" size="md"></bp-icon>
<bp-icon shape="briefcase" size="lg"></bp-icon>
<bp-icon shape="bubble-chart" size="sm"></bp-icon>
<bp-icon shape="bubble-chart" size="md"></bp-icon>
<bp-icon shape="bubble-chart" size="lg"></bp-icon>
<bp-icon shape="bubble-exclamation" size="sm"></bp-icon>
<bp-icon shape="bubble-exclamation" size="md"></bp-icon>
<bp-icon shape="bubble-exclamation" size="lg"></bp-icon>
<bp-icon shape="bug" size="sm"></bp-icon>
<bp-icon shape="bug" size="md"></bp-icon>
<bp-icon shape="bug" size="lg"></bp-icon>
<bp-icon shape="building" size="sm"></bp-icon>
<bp-icon shape="building" size="md"></bp-icon>
<bp-icon shape="building" size="lg"></bp-icon>
<bp-icon shape="bullet-list" size="sm"></bp-icon>
<bp-icon shape="bullet-list" size="md"></bp-icon>
<bp-icon shape="bullet-list" size="lg"></bp-icon>
<bp-icon shape="bullseye" size="sm"></bp-icon>
<bp-icon shape="bullseye" size="md"></bp-icon>
<bp-icon shape="bullseye" size="lg"></bp-icon>
<bp-icon shape="bundle" size="sm"></bp-icon>
<bp-icon shape="bundle" size="md"></bp-icon>
<bp-icon shape="bundle" size="lg"></bp-icon>
<bp-icon shape="calculator" size="sm"></bp-icon>
<bp-icon shape="calculator" size="md"></bp-icon>
<bp-icon shape="calculator" size="lg"></bp-icon>
<bp-icon shape="calendar" size="sm"></bp-icon>
<bp-icon shape="calendar" size="md"></bp-icon>
<bp-icon shape="calendar" size="lg"></bp-icon>
<bp-icon shape="camera" size="sm"></bp-icon>
<bp-icon shape="camera" size="md"></bp-icon>
<bp-icon shape="camera" size="lg"></bp-icon>
<bp-icon shape="campervan" size="sm"></bp-icon>
<bp-icon shape="campervan" size="md"></bp-icon>
<bp-icon shape="campervan" size="lg"></bp-icon>
<bp-icon shape="capacitor" size="sm"></bp-icon>
<bp-icon shape="capacitor" size="md"></bp-icon>
<bp-icon shape="capacitor" size="lg"></bp-icon>
<bp-icon shape="car" size="sm"></bp-icon>
<bp-icon shape="car" size="md"></bp-icon>
<bp-icon shape="car" size="lg"></bp-icon>
<bp-icon shape="caravan" size="sm"></bp-icon>
<bp-icon shape="caravan" size="md"></bp-icon>
<bp-icon shape="caravan" size="lg"></bp-icon>
<bp-icon shape="caret" size="sm"></bp-icon>
<bp-icon shape="caret" size="md"></bp-icon>
<bp-icon shape="caret" size="lg"></bp-icon>
<bp-icon shape="cd-dvd" size="sm"></bp-icon>
<bp-icon shape="cd-dvd" size="md"></bp-icon>
<bp-icon shape="cd-dvd" size="lg"></bp-icon>
<bp-icon shape="center-text" size="sm"></bp-icon>
<bp-icon shape="center-text" size="md"></bp-icon>
<bp-icon shape="center-text" size="lg"></bp-icon>
<bp-icon shape="certificate" size="sm"></bp-icon>
<bp-icon shape="certificate" size="md"></bp-icon>
<bp-icon shape="certificate" size="lg"></bp-icon>
<bp-icon shape="chat-bubble" size="sm"></bp-icon>
<bp-icon shape="chat-bubble" size="md"></bp-icon>
<bp-icon shape="chat-bubble" size="lg"></bp-icon>
<bp-icon shape="check" size="sm"></bp-icon>
<bp-icon shape="check" size="md"></bp-icon>
<bp-icon shape="check" size="lg"></bp-icon>
<bp-icon shape="checkbox-list" size="sm"></bp-icon>
<bp-icon shape="checkbox-list" size="md"></bp-icon>
<bp-icon shape="checkbox-list" size="lg"></bp-icon>
<bp-icon shape="child-arrow" size="sm"></bp-icon>
<bp-icon shape="child-arrow" size="md"></bp-icon>
<bp-icon shape="child-arrow" size="lg"></bp-icon>
<bp-icon shape="ci-cd" size="sm"></bp-icon>
<bp-icon shape="ci-cd" size="md"></bp-icon>
<bp-icon shape="ci-cd" size="lg"></bp-icon>
<bp-icon shape="circle-arrow" size="sm"></bp-icon>
<bp-icon shape="circle-arrow" size="md"></bp-icon>
<bp-icon shape="circle-arrow" size="lg"></bp-icon>
<bp-icon shape="circle" size="sm"></bp-icon>
<bp-icon shape="circle" size="md"></bp-icon>
<bp-icon shape="circle" size="lg"></bp-icon>
<bp-icon shape="clipboard" size="sm"></bp-icon>
<bp-icon shape="clipboard" size="md"></bp-icon>
<bp-icon shape="clipboard" size="lg"></bp-icon>
<bp-icon shape="clock" size="sm"></bp-icon>
<bp-icon shape="clock" size="md"></bp-icon>
<bp-icon shape="clock" size="lg"></bp-icon>
<bp-icon shape="clone" size="sm"></bp-icon>
<bp-icon shape="clone" size="md"></bp-icon>
<bp-icon shape="clone" size="lg"></bp-icon>
<bp-icon shape="close-circle" size="sm"></bp-icon>
<bp-icon shape="close-circle" size="md"></bp-icon>
<bp-icon shape="close-circle" size="lg"></bp-icon>
<bp-icon shape="close" size="sm"></bp-icon>
<bp-icon shape="close" size="md"></bp-icon>
<bp-icon shape="close" size="lg"></bp-icon>
<bp-icon shape="cloud-chart" size="sm"></bp-icon>
<bp-icon shape="cloud-chart" size="md"></bp-icon>
<bp-icon shape="cloud-chart" size="lg"></bp-icon>
<bp-icon shape="cloud" size="sm"></bp-icon>
<bp-icon shape="cloud" size="md"></bp-icon>
<bp-icon shape="cloud" size="lg"></bp-icon>
<bp-icon shape="cloud-network" size="sm"></bp-icon>
<bp-icon shape="cloud-network" size="md"></bp-icon>
<bp-icon shape="cloud-network" size="lg"></bp-icon>
<bp-icon shape="cloud-scale" size="sm"></bp-icon>
<bp-icon shape="cloud-scale" size="md"></bp-icon>
<bp-icon shape="cloud-scale" size="lg"></bp-icon>
<bp-icon shape="cloud-traffic" size="sm"></bp-icon>
<bp-icon shape="cloud-traffic" size="md"></bp-icon>
<bp-icon shape="cloud-traffic" size="lg"></bp-icon>
<bp-icon shape="cluster" size="sm"></bp-icon>
<bp-icon shape="cluster" size="md"></bp-icon>
<bp-icon shape="cluster" size="lg"></bp-icon>
<bp-icon shape="code" size="sm"></bp-icon>
<bp-icon shape="code" size="md"></bp-icon>
<bp-icon shape="code" size="lg"></bp-icon>
<bp-icon shape="cog" size="sm"></bp-icon>
<bp-icon shape="cog" size="md"></bp-icon>
<bp-icon shape="cog" size="lg"></bp-icon>
<bp-icon shape="coin-bag" size="sm"></bp-icon>
<bp-icon shape="coin-bag" size="md"></bp-icon>
<bp-icon shape="coin-bag" size="lg"></bp-icon>
<bp-icon shape="collapse-card" size="sm"></bp-icon>
<bp-icon shape="collapse-card" size="md"></bp-icon>
<bp-icon shape="collapse-card" size="lg"></bp-icon>
<bp-icon shape="collapse" size="sm"></bp-icon>
<bp-icon shape="collapse" size="md"></bp-icon>
<bp-icon shape="collapse" size="lg"></bp-icon>
<bp-icon shape="color-palette" size="sm"></bp-icon>
<bp-icon shape="color-palette" size="md"></bp-icon>
<bp-icon shape="color-palette" size="lg"></bp-icon>
<bp-icon shape="color-picker" size="sm"></bp-icon>
<bp-icon shape="color-picker" size="md"></bp-icon>
<bp-icon shape="color-picker" size="lg"></bp-icon>
<bp-icon shape="command" size="sm"></bp-icon>
<bp-icon shape="command" size="md"></bp-icon>
<bp-icon shape="command" size="lg"></bp-icon>
<bp-icon shape="compass" size="sm"></bp-icon>
<bp-icon shape="compass" size="md"></bp-icon>
<bp-icon shape="compass" size="lg"></bp-icon>
<bp-icon shape="computer" size="sm"></bp-icon>
<bp-icon shape="computer" size="md"></bp-icon>
<bp-icon shape="computer" size="lg"></bp-icon>
<bp-icon shape="connect" size="sm"></bp-icon>
<bp-icon shape="connect" size="md"></bp-icon>
<bp-icon shape="connect" size="lg"></bp-icon>
<bp-icon shape="container" size="sm"></bp-icon>
<bp-icon shape="container" size="md"></bp-icon>
<bp-icon shape="container" size="lg"></bp-icon>
<bp-icon shape="container-volume" size="sm"></bp-icon>
<bp-icon shape="container-volume" size="md"></bp-icon>
<bp-icon shape="container-volume" size="lg"></bp-icon>
<bp-icon shape="contract" size="sm"></bp-icon>
<bp-icon shape="contract" size="md"></bp-icon>
<bp-icon shape="contract" size="lg"></bp-icon>
<bp-icon shape="control-lun" size="sm"></bp-icon>
<bp-icon shape="control-lun" size="md"></bp-icon>
<bp-icon shape="control-lun" size="lg"></bp-icon>
<bp-icon shape="copy" size="sm"></bp-icon>
<bp-icon shape="copy" size="md"></bp-icon>
<bp-icon shape="copy" size="lg"></bp-icon>
<bp-icon shape="copy-to-clipboard" size="sm"></bp-icon>
<bp-icon shape="copy-to-clipboard" size="md"></bp-icon>
<bp-icon shape="copy-to-clipboard" size="lg"></bp-icon>
<bp-icon shape="cpu" size="sm"></bp-icon>
<bp-icon shape="cpu" size="md"></bp-icon>
<bp-icon shape="cpu" size="lg"></bp-icon>
<bp-icon shape="credit-card" size="sm"></bp-icon>
<bp-icon shape="credit-card" size="md"></bp-icon>
<bp-icon shape="credit-card" size="lg"></bp-icon>
<bp-icon shape="crosshairs" size="sm"></bp-icon>
<bp-icon shape="crosshairs" size="md"></bp-icon>
<bp-icon shape="crosshairs" size="lg"></bp-icon>
<bp-icon shape="crown" size="sm"></bp-icon>
<bp-icon shape="crown" size="md"></bp-icon>
<bp-icon shape="crown" size="lg"></bp-icon>
<bp-icon shape="cursor-arrow" size="sm"></bp-icon>
<bp-icon shape="cursor-arrow" size="md"></bp-icon>
<bp-icon shape="cursor-arrow" size="lg"></bp-icon>
<bp-icon shape="cursor-hand-click" size="sm"></bp-icon>
<bp-icon shape="cursor-hand-click" size="md"></bp-icon>
<bp-icon shape="cursor-hand-click" size="lg"></bp-icon>
<bp-icon shape="cursor-hand-grab" size="sm"></bp-icon>
<bp-icon shape="cursor-hand-grab" size="md"></bp-icon>
<bp-icon shape="cursor-hand-grab" size="lg"></bp-icon>
<bp-icon shape="cursor-hand" size="sm"></bp-icon>
<bp-icon shape="cursor-hand" size="md"></bp-icon>
<bp-icon shape="cursor-hand" size="lg"></bp-icon>
<bp-icon shape="cursor-hand-open" size="sm"></bp-icon>
<bp-icon shape="cursor-hand-open" size="md"></bp-icon>
<bp-icon shape="cursor-hand-open" size="lg"></bp-icon>
<bp-icon shape="cursor-move" size="sm"></bp-icon>
<bp-icon shape="cursor-move" size="md"></bp-icon>
<bp-icon shape="cursor-move" size="lg"></bp-icon>
<bp-icon shape="curve-chart" size="sm"></bp-icon>
<bp-icon shape="curve-chart" size="md"></bp-icon>
<bp-icon shape="curve-chart" size="lg"></bp-icon>
<bp-icon shape="dashboard" size="sm"></bp-icon>
<bp-icon shape="dashboard" size="md"></bp-icon>
<bp-icon shape="dashboard" size="lg"></bp-icon>
<bp-icon shape="data-cluster" size="sm"></bp-icon>
<bp-icon shape="data-cluster" size="md"></bp-icon>
<bp-icon shape="data-cluster" size="lg"></bp-icon>
<bp-icon shape="date" size="sm"></bp-icon>
<bp-icon shape="date" size="md"></bp-icon>
<bp-icon shape="date" size="lg"></bp-icon>
<bp-icon shape="deploy" size="sm"></bp-icon>
<bp-icon shape="deploy" size="md"></bp-icon>
<bp-icon shape="deploy" size="lg"></bp-icon>
<bp-icon shape="design" size="sm"></bp-icon>
<bp-icon shape="design" size="md"></bp-icon>
<bp-icon shape="design" size="lg"></bp-icon>
<bp-icon shape="details" size="sm"></bp-icon>
<bp-icon shape="details" size="md"></bp-icon>
<bp-icon shape="details" size="lg"></bp-icon>
<bp-icon shape="devices" size="sm"></bp-icon>
<bp-icon shape="devices" size="md"></bp-icon>
<bp-icon shape="devices" size="lg"></bp-icon>
<bp-icon shape="digital-signature" size="sm"></bp-icon>
<bp-icon shape="digital-signature" size="md"></bp-icon>
<bp-icon shape="digital-signature" size="lg"></bp-icon>
<bp-icon shape="directory" size="sm"></bp-icon>
<bp-icon shape="directory" size="md"></bp-icon>
<bp-icon shape="directory" size="lg"></bp-icon>
<bp-icon shape="disconnect" size="sm"></bp-icon>
<bp-icon shape="disconnect" size="md"></bp-icon>
<bp-icon shape="disconnect" size="lg"></bp-icon>
<bp-icon shape="disconnected" size="sm"></bp-icon>
<bp-icon shape="disconnected" size="md"></bp-icon>
<bp-icon shape="disconnected" size="lg"></bp-icon>
<bp-icon shape="display" size="sm"></bp-icon>
<bp-icon shape="display" size="md"></bp-icon>
<bp-icon shape="display" size="lg"></bp-icon>
<bp-icon shape="dna" size="sm"></bp-icon>
<bp-icon shape="dna" size="md"></bp-icon>
<bp-icon shape="dna" size="lg"></bp-icon>
<bp-icon shape="document" size="sm"></bp-icon>
<bp-icon shape="document" size="md"></bp-icon>
<bp-icon shape="document" size="lg"></bp-icon>
<bp-icon shape="dollar-bill" size="sm"></bp-icon>
<bp-icon shape="dollar-bill" size="md"></bp-icon>
<bp-icon shape="dollar-bill" size="lg"></bp-icon>
<bp-icon shape="dollar" size="sm"></bp-icon>
<bp-icon shape="dollar" size="md"></bp-icon>
<bp-icon shape="dollar" size="lg"></bp-icon>
<bp-icon shape="dot-circle" size="sm"></bp-icon>
<bp-icon shape="dot-circle" size="md"></bp-icon>
<bp-icon shape="dot-circle" size="lg"></bp-icon>
<bp-icon shape="download-cloud" size="sm"></bp-icon>
<bp-icon shape="download-cloud" size="md"></bp-icon>
<bp-icon shape="download-cloud" size="lg"></bp-icon>
<bp-icon shape="download" size="sm"></bp-icon>
<bp-icon shape="download" size="md"></bp-icon>
<bp-icon shape="download" size="lg"></bp-icon>
<bp-icon shape="drag-handle-corner" size="sm"></bp-icon>
<bp-icon shape="drag-handle-corner" size="md"></bp-icon>
<bp-icon shape="drag-handle-corner" size="lg"></bp-icon>
<bp-icon shape="drag-handle" size="sm"></bp-icon>
<bp-icon shape="drag-handle" size="md"></bp-icon>
<bp-icon shape="drag-handle" size="lg"></bp-icon>
<bp-icon shape="e-check" size="sm"></bp-icon>
<bp-icon shape="e-check" size="md"></bp-icon>
<bp-icon shape="e-check" size="lg"></bp-icon>
<bp-icon shape="edit" size="sm"></bp-icon>
<bp-icon shape="edit" size="md"></bp-icon>
<bp-icon shape="edit" size="lg"></bp-icon>
<bp-icon shape="ellipsis-horizontal" size="sm"></bp-icon>
<bp-icon shape="ellipsis-horizontal" size="md"></bp-icon>
<bp-icon shape="ellipsis-horizontal" size="lg"></bp-icon>
<bp-icon shape="ellipsis-vertical" size="sm"></bp-icon>
<bp-icon shape="ellipsis-vertical" size="md"></bp-icon>
<bp-icon shape="ellipsis-vertical" size="lg"></bp-icon>
<bp-icon shape="email" size="sm"></bp-icon>
<bp-icon shape="email" size="md"></bp-icon>
<bp-icon shape="email" size="lg"></bp-icon>
<bp-icon shape="employee-group" size="sm"></bp-icon>
<bp-icon shape="employee-group" size="md"></bp-icon>
<bp-icon shape="employee-group" size="lg"></bp-icon>
<bp-icon shape="employee" size="sm"></bp-icon>
<bp-icon shape="employee" size="md"></bp-icon>
<bp-icon shape="employee" size="lg"></bp-icon>
<bp-icon shape="envelope" size="sm"></bp-icon>
<bp-icon shape="envelope" size="md"></bp-icon>
<bp-icon shape="envelope" size="lg"></bp-icon>
<bp-icon shape="eraser" size="sm"></bp-icon>
<bp-icon shape="eraser" size="md"></bp-icon>
<bp-icon shape="eraser" size="lg"></bp-icon>
<bp-icon shape="error" size="sm"></bp-icon>
<bp-icon shape="error" size="md"></bp-icon>
<bp-icon shape="error" size="lg"></bp-icon>
<bp-icon shape="euro" size="sm"></bp-icon>
<bp-icon shape="euro" size="md"></bp-icon>
<bp-icon shape="euro" size="lg"></bp-icon>
<bp-icon shape="event" size="sm"></bp-icon>
<bp-icon shape="event" size="md"></bp-icon>
<bp-icon shape="event" size="lg"></bp-icon>
<bp-icon shape="expand-card" size="sm"></bp-icon>
<bp-icon shape="expand-card" size="md"></bp-icon>
<bp-icon shape="expand-card" size="lg"></bp-icon>
<bp-icon shape="export" size="sm"></bp-icon>
<bp-icon shape="export" size="md"></bp-icon>
<bp-icon shape="export" size="lg"></bp-icon>
<bp-icon shape="eye-hide" size="sm"></bp-icon>
<bp-icon shape="eye-hide" size="md"></bp-icon>
<bp-icon shape="eye-hide" size="lg"></bp-icon>
<bp-icon shape="eye" size="sm"></bp-icon>
<bp-icon shape="eye" size="md"></bp-icon>
<bp-icon shape="eye" size="lg"></bp-icon>
<bp-icon shape="factory" size="sm"></bp-icon>
<bp-icon shape="factory" size="md"></bp-icon>
<bp-icon shape="factory" size="lg"></bp-icon>
<bp-icon shape="fast-forward" size="sm"></bp-icon>
<bp-icon shape="fast-forward" size="md"></bp-icon>
<bp-icon shape="fast-forward" size="lg"></bp-icon>
<bp-icon shape="favorite" size="sm"></bp-icon>
<bp-icon shape="favorite" size="md"></bp-icon>
<bp-icon shape="favorite" size="lg"></bp-icon>
<bp-icon shape="ferry" size="sm"></bp-icon>
<bp-icon shape="ferry" size="md"></bp-icon>
<bp-icon shape="ferry" size="lg"></bp-icon>
<bp-icon shape="file-group" size="sm"></bp-icon>
<bp-icon shape="file-group" size="md"></bp-icon>
<bp-icon shape="file-group" size="lg"></bp-icon>
<bp-icon shape="file" size="sm"></bp-icon>
<bp-icon shape="file" size="md"></bp-icon>
<bp-icon shape="file" size="lg"></bp-icon>
<bp-icon shape="file-settings" size="sm"></bp-icon>
<bp-icon shape="file-settings" size="md"></bp-icon>
<bp-icon shape="file-settings" size="lg"></bp-icon>
<bp-icon shape="file-share-2" size="sm"></bp-icon>
<bp-icon shape="file-share-2" size="md"></bp-icon>
<bp-icon shape="file-share-2" size="lg"></bp-icon>
<bp-icon shape="file-share" size="sm"></bp-icon>
<bp-icon shape="file-share" size="md"></bp-icon>
<bp-icon shape="file-share" size="lg"></bp-icon>
<bp-icon shape="file-zip" size="sm"></bp-icon>
<bp-icon shape="file-zip" size="md"></bp-icon>
<bp-icon shape="file-zip" size="lg"></bp-icon>
<bp-icon shape="film-strip" size="sm"></bp-icon>
<bp-icon shape="film-strip" size="md"></bp-icon>
<bp-icon shape="film-strip" size="lg"></bp-icon>
<bp-icon shape="filter-2" size="sm"></bp-icon>
<bp-icon shape="filter-2" size="md"></bp-icon>
<bp-icon shape="filter-2" size="lg"></bp-icon>
<bp-icon shape="filter" size="sm"></bp-icon>
<bp-icon shape="filter" size="md"></bp-icon>
<bp-icon shape="filter" size="lg"></bp-icon>
<bp-icon shape="filter-off" size="sm"></bp-icon>
<bp-icon shape="filter-off" size="md"></bp-icon>
<bp-icon shape="filter-off" size="lg"></bp-icon>
<bp-icon shape="firewall" size="sm"></bp-icon>
<bp-icon shape="firewall" size="md"></bp-icon>
<bp-icon shape="firewall" size="lg"></bp-icon>
<bp-icon shape="first-aid-kit" size="sm"></bp-icon>
<bp-icon shape="first-aid-kit" size="md"></bp-icon>
<bp-icon shape="first-aid-kit" size="lg"></bp-icon>
<bp-icon shape="fish" size="sm"></bp-icon>
<bp-icon shape="fish" size="md"></bp-icon>
<bp-icon shape="fish" size="lg"></bp-icon>
<bp-icon shape="flag" size="sm"></bp-icon>
<bp-icon shape="flag" size="md"></bp-icon>
<bp-icon shape="flag" size="lg"></bp-icon>
<bp-icon shape="flame" size="sm"></bp-icon>
<bp-icon shape="flame" size="md"></bp-icon>
<bp-icon shape="flame" size="lg"></bp-icon>
<bp-icon shape="flask" size="sm"></bp-icon>
<bp-icon shape="flask" size="md"></bp-icon>
<bp-icon shape="flask" size="lg"></bp-icon>
<bp-icon shape="floppy" size="sm"></bp-icon>
<bp-icon shape="floppy" size="md"></bp-icon>
<bp-icon shape="floppy" size="lg"></bp-icon>
<bp-icon shape="flow-chart" size="sm"></bp-icon>
<bp-icon shape="flow-chart" size="md"></bp-icon>
<bp-icon shape="flow-chart" size="lg"></bp-icon>
<bp-icon shape="folder" size="sm"></bp-icon>
<bp-icon shape="folder" size="md"></bp-icon>
<bp-icon shape="folder" size="lg"></bp-icon>
<bp-icon shape="folder-open" size="sm"></bp-icon>
<bp-icon shape="folder-open" size="md"></bp-icon>
<bp-icon shape="folder-open" size="lg"></bp-icon>
<bp-icon shape="font-size" size="sm"></bp-icon>
<bp-icon shape="font-size" size="md"></bp-icon>
<bp-icon shape="font-size" size="lg"></bp-icon>
<bp-icon shape="forking" size="sm"></bp-icon>
<bp-icon shape="forking" size="md"></bp-icon>
<bp-icon shape="forking" size="lg"></bp-icon>
<bp-icon shape="form" size="sm"></bp-icon>
<bp-icon shape="form" size="md"></bp-icon>
<bp-icon shape="form" size="lg"></bp-icon>
<bp-icon shape="fuel" size="sm"></bp-icon>
<bp-icon shape="fuel" size="md"></bp-icon>
<bp-icon shape="fuel" size="lg"></bp-icon>
<bp-icon shape="gavel" size="sm"></bp-icon>
<bp-icon shape="gavel" size="md"></bp-icon>
<bp-icon shape="gavel" size="lg"></bp-icon>
<bp-icon shape="grid-chart" size="sm"></bp-icon>
<bp-icon shape="grid-chart" size="md"></bp-icon>
<bp-icon shape="grid-chart" size="lg"></bp-icon>
<bp-icon shape="grid-view" size="sm"></bp-icon>
<bp-icon shape="grid-view" size="md"></bp-icon>
<bp-icon shape="grid-view" size="lg"></bp-icon>
<bp-icon shape="group" size="sm"></bp-icon>
<bp-icon shape="group" size="md"></bp-icon>
<bp-icon shape="group" size="lg"></bp-icon>
<bp-icon shape="half-star" size="sm"></bp-icon>
<bp-icon shape="half-star" size="md"></bp-icon>
<bp-icon shape="half-star" size="lg"></bp-icon>
<bp-icon shape="happy-face" size="sm"></bp-icon>
<bp-icon shape="happy-face" size="md"></bp-icon>
<bp-icon shape="happy-face" size="lg"></bp-icon>
<bp-icon shape="hard-disk" size="sm"></bp-icon>
<bp-icon shape="hard-disk" size="md"></bp-icon>
<bp-icon shape="hard-disk" size="lg"></bp-icon>
<bp-icon shape="hard-drive-disks" size="sm"></bp-icon>
<bp-icon shape="hard-drive-disks" size="md"></bp-icon>
<bp-icon shape="hard-drive-disks" size="lg"></bp-icon>
<bp-icon shape="hard-drive" size="sm"></bp-icon>
<bp-icon shape="hard-drive" size="md"></bp-icon>
<bp-icon shape="hard-drive" size="lg"></bp-icon>
<bp-icon shape="hashtag" size="sm"></bp-icon>
<bp-icon shape="hashtag" size="md"></bp-icon>
<bp-icon shape="hashtag" size="lg"></bp-icon>
<bp-icon shape="headphones" size="sm"></bp-icon>
<bp-icon shape="headphones" size="md"></bp-icon>
<bp-icon shape="headphones" size="lg"></bp-icon>
<bp-icon shape="heart-broken" size="sm"></bp-icon>
<bp-icon shape="heart-broken" size="md"></bp-icon>
<bp-icon shape="heart-broken" size="lg"></bp-icon>
<bp-icon shape="heart" size="sm"></bp-icon>
<bp-icon shape="heart" size="md"></bp-icon>
<bp-icon shape="heart" size="lg"></bp-icon>
<bp-icon shape="heat-map" size="sm"></bp-icon>
<bp-icon shape="heat-map" size="md"></bp-icon>
<bp-icon shape="heat-map" size="lg"></bp-icon>
<bp-icon shape="helix" size="sm"></bp-icon>
<bp-icon shape="helix" size="md"></bp-icon>
<bp-icon shape="helix" size="lg"></bp-icon>
<bp-icon shape="help-info" size="sm"></bp-icon>
<bp-icon shape="help-info" size="md"></bp-icon>
<bp-icon shape="help-info" size="lg"></bp-icon>
<bp-icon shape="help" size="sm"></bp-icon>
<bp-icon shape="help" size="md"></bp-icon>
<bp-icon shape="help" size="lg"></bp-icon>
<bp-icon shape="highlighter" size="sm"></bp-icon>
<bp-icon shape="highlighter" size="md"></bp-icon>
<bp-icon shape="highlighter" size="lg"></bp-icon>
<bp-icon shape="history" size="sm"></bp-icon>
<bp-icon shape="history" size="md"></bp-icon>
<bp-icon shape="history" size="lg"></bp-icon>
<bp-icon shape="home" size="sm"></bp-icon>
<bp-icon shape="home" size="md"></bp-icon>
<bp-icon shape="home" size="lg"></bp-icon>
<bp-icon shape="host-group" size="sm"></bp-icon>
<bp-icon shape="host-group" size="md"></bp-icon>
<bp-icon shape="host-group" size="lg"></bp-icon>
<bp-icon shape="host" size="sm"></bp-icon>
<bp-icon shape="host" size="md"></bp-icon>
<bp-icon shape="host" size="lg"></bp-icon>
<bp-icon shape="hourglass" size="sm"></bp-icon>
<bp-icon shape="hourglass" size="md"></bp-icon>
<bp-icon shape="hourglass" size="lg"></bp-icon>
<bp-icon shape="id-badge" size="sm"></bp-icon>
<bp-icon shape="id-badge" size="md"></bp-icon>
<bp-icon shape="id-badge" size="lg"></bp-icon>
<bp-icon shape="image-gallery" size="sm"></bp-icon>
<bp-icon shape="image-gallery" size="md"></bp-icon>
<bp-icon shape="image-gallery" size="lg"></bp-icon>
<bp-icon shape="image" size="sm"></bp-icon>
<bp-icon shape="image" size="md"></bp-icon>
<bp-icon shape="image" size="lg"></bp-icon>
<bp-icon shape="import" size="sm"></bp-icon>
<bp-icon shape="import" size="md"></bp-icon>
<bp-icon shape="import" size="lg"></bp-icon>
<bp-icon shape="inbox" size="sm"></bp-icon>
<bp-icon shape="inbox" size="md"></bp-icon>
<bp-icon shape="inbox" size="lg"></bp-icon>
<bp-icon shape="indent" size="sm"></bp-icon>
<bp-icon shape="indent" size="md"></bp-icon>
<bp-icon shape="indent" size="lg"></bp-icon>
<bp-icon shape="inductor" size="sm"></bp-icon>
<bp-icon shape="inductor" size="md"></bp-icon>
<bp-icon shape="inductor" size="lg"></bp-icon>
<bp-icon shape="info" size="sm"></bp-icon>
<bp-icon shape="info" size="md"></bp-icon>
<bp-icon shape="info" size="lg"></bp-icon>
<bp-icon shape="install" size="sm"></bp-icon>
<bp-icon shape="install" size="md"></bp-icon>
<bp-icon shape="install" size="lg"></bp-icon>
<bp-icon shape="internet-of-things" size="sm"></bp-icon>
<bp-icon shape="internet-of-things" size="md"></bp-icon>
<bp-icon shape="internet-of-things" size="lg"></bp-icon>
<bp-icon shape="italic" size="sm"></bp-icon>
<bp-icon shape="italic" size="md"></bp-icon>
<bp-icon shape="italic" size="lg"></bp-icon>
<bp-icon shape="justify-text" size="sm"></bp-icon>
<bp-icon shape="justify-text" size="md"></bp-icon>
<bp-icon shape="justify-text" size="lg"></bp-icon>
<bp-icon shape="key" size="sm"></bp-icon>
<bp-icon shape="key" size="md"></bp-icon>
<bp-icon shape="key" size="lg"></bp-icon>
<bp-icon shape="keyboard" size="sm"></bp-icon>
<bp-icon shape="keyboard" size="md"></bp-icon>
<bp-icon shape="keyboard" size="lg"></bp-icon>
<bp-icon shape="landscape" size="sm"></bp-icon>
<bp-icon shape="landscape" size="md"></bp-icon>
<bp-icon shape="landscape" size="lg"></bp-icon>
<bp-icon shape="language" size="sm"></bp-icon>
<bp-icon shape="language" size="md"></bp-icon>
<bp-icon shape="language" size="lg"></bp-icon>
<bp-icon shape="launchpad" size="sm"></bp-icon>
<bp-icon shape="launchpad" size="md"></bp-icon>
<bp-icon shape="launchpad" size="lg"></bp-icon>
<bp-icon shape="layers" size="sm"></bp-icon>
<bp-icon shape="layers" size="md"></bp-icon>
<bp-icon shape="layers" size="lg"></bp-icon>
<bp-icon shape="library" size="sm"></bp-icon>
<bp-icon shape="library" size="md"></bp-icon>
<bp-icon shape="library" size="lg"></bp-icon>
<bp-icon shape="license" size="sm"></bp-icon>
<bp-icon shape="license" size="md"></bp-icon>
<bp-icon shape="license" size="lg"></bp-icon>
<bp-icon shape="lightbulb" size="sm"></bp-icon>
<bp-icon shape="lightbulb" size="md"></bp-icon>
<bp-icon shape="lightbulb" size="lg"></bp-icon>
<bp-icon shape="lightning" size="sm"></bp-icon>
<bp-icon shape="lightning" size="md"></bp-icon>
<bp-icon shape="lightning" size="lg"></bp-icon>
<bp-icon shape="line-chart" size="sm"></bp-icon>
<bp-icon shape="line-chart" size="md"></bp-icon>
<bp-icon shape="line-chart" size="lg"></bp-icon>
<bp-icon shape="link" size="sm"></bp-icon>
<bp-icon shape="link" size="md"></bp-icon>
<bp-icon shape="link" size="lg"></bp-icon>
<bp-icon shape="list" size="sm"></bp-icon>
<bp-icon shape="list" size="md"></bp-icon>
<bp-icon shape="list" size="lg"></bp-icon>
<bp-icon shape="lock" size="sm"></bp-icon>
<bp-icon shape="lock" size="md"></bp-icon>
<bp-icon shape="lock" size="lg"></bp-icon>
<bp-icon shape="login" size="sm"></bp-icon>
<bp-icon shape="login" size="md"></bp-icon>
<bp-icon shape="login" size="lg"></bp-icon>
<bp-icon shape="logout" size="sm"></bp-icon>
<bp-icon shape="logout" size="md"></bp-icon>
<bp-icon shape="logout" size="lg"></bp-icon>
<bp-icon shape="map" size="sm"></bp-icon>
<bp-icon shape="map" size="md"></bp-icon>
<bp-icon shape="map" size="lg"></bp-icon>
<bp-icon shape="map-marker" size="sm"></bp-icon>
<bp-icon shape="map-marker" size="md"></bp-icon>
<bp-icon shape="map-marker" size="lg"></bp-icon>
<bp-icon shape="media-changer" size="sm"></bp-icon>
<bp-icon shape="media-changer" size="md"></bp-icon>
<bp-icon shape="media-changer" size="lg"></bp-icon>
<bp-icon shape="memory" size="sm"></bp-icon>
<bp-icon shape="memory" size="md"></bp-icon>
<bp-icon shape="memory" size="lg"></bp-icon>
<bp-icon shape="menu" size="sm"></bp-icon>
<bp-icon shape="menu" size="md"></bp-icon>
<bp-icon shape="menu" size="lg"></bp-icon>
<bp-icon shape="microphone" size="sm"></bp-icon>
<bp-icon shape="microphone" size="md"></bp-icon>
<bp-icon shape="microphone" size="lg"></bp-icon>
<bp-icon shape="microphone-mute" size="sm"></bp-icon>
<bp-icon shape="microphone-mute" size="md"></bp-icon>
<bp-icon shape="microphone-mute" size="lg"></bp-icon>
<bp-icon shape="minus-circle" size="sm"></bp-icon>
<bp-icon shape="minus-circle" size="md"></bp-icon>
<bp-icon shape="minus-circle" size="lg"></bp-icon>
<bp-icon shape="minus" size="sm"></bp-icon>
<bp-icon shape="minus" size="md"></bp-icon>
<bp-icon shape="minus" size="lg"></bp-icon>
<bp-icon shape="mobile" size="sm"></bp-icon>
<bp-icon shape="mobile" size="md"></bp-icon>
<bp-icon shape="mobile" size="lg"></bp-icon>
<bp-icon shape="mobile-phone" size="sm"></bp-icon>
<bp-icon shape="mobile-phone" size="md"></bp-icon>
<bp-icon shape="mobile-phone" size="lg"></bp-icon>
<bp-icon shape="moon" size="sm"></bp-icon>
<bp-icon shape="moon" size="md"></bp-icon>
<bp-icon shape="moon" size="lg"></bp-icon>
<bp-icon shape="mouse" size="sm"></bp-icon>
<bp-icon shape="mouse" size="md"></bp-icon>
<bp-icon shape="mouse" size="lg"></bp-icon>
<bp-icon shape="music-note" size="sm"></bp-icon>
<bp-icon shape="music-note" size="md"></bp-icon>
<bp-icon shape="music-note" size="lg"></bp-icon>
<bp-icon shape="namespace" size="sm"></bp-icon>
<bp-icon shape="namespace" size="md"></bp-icon>
<bp-icon shape="namespace" size="lg"></bp-icon>
<bp-icon shape="network-globe" size="sm"></bp-icon>
<bp-icon shape="network-globe" size="md"></bp-icon>
<bp-icon shape="network-globe" size="lg"></bp-icon>
<bp-icon shape="network-settings" size="sm"></bp-icon>
<bp-icon shape="network-settings" size="md"></bp-icon>
<bp-icon shape="network-settings" size="lg"></bp-icon>
<bp-icon shape="network-switch" size="sm"></bp-icon>
<bp-icon shape="network-switch" size="md"></bp-icon>
<bp-icon shape="network-switch" size="lg"></bp-icon>
<bp-icon shape="neutral-face" size="sm"></bp-icon>
<bp-icon shape="neutral-face" size="md"></bp-icon>
<bp-icon shape="neutral-face" size="lg"></bp-icon>
<bp-icon shape="new" size="sm"></bp-icon>
<bp-icon shape="new" size="md"></bp-icon>
<bp-icon shape="new" size="lg"></bp-icon>
<bp-icon shape="no-access" size="sm"></bp-icon>
<bp-icon shape="no-access" size="md"></bp-icon>
<bp-icon shape="no-access" size="lg"></bp-icon>
<bp-icon shape="no-wifi" size="sm"></bp-icon>
<bp-icon shape="no-wifi" size="md"></bp-icon>
<bp-icon shape="no-wifi" size="lg"></bp-icon>
<bp-icon shape="node-group" size="sm"></bp-icon>
<bp-icon shape="node-group" size="md"></bp-icon>
<bp-icon shape="node-group" size="lg"></bp-icon>
<bp-icon shape="node" size="sm"></bp-icon>
<bp-icon shape="node" size="md"></bp-icon>
<bp-icon shape="node" size="lg"></bp-icon>
<bp-icon shape="nodes" size="sm"></bp-icon>
<bp-icon shape="nodes" size="md"></bp-icon>
<bp-icon shape="nodes" size="lg"></bp-icon>
<bp-icon shape="note" size="sm"></bp-icon>
<bp-icon shape="note" size="md"></bp-icon>
<bp-icon shape="note" size="lg"></bp-icon>
<bp-icon shape="notification" size="sm"></bp-icon>
<bp-icon shape="notification" size="md"></bp-icon>
<bp-icon shape="notification" size="lg"></bp-icon>
<bp-icon shape="number-list" size="sm"></bp-icon>
<bp-icon shape="number-list" size="md"></bp-icon>
<bp-icon shape="number-list" size="lg"></bp-icon>
<bp-icon shape="objects" size="sm"></bp-icon>
<bp-icon shape="objects" size="md"></bp-icon>
<bp-icon shape="objects" size="lg"></bp-icon>
<bp-icon shape="on-holiday" size="sm"></bp-icon>
<bp-icon shape="on-holiday" size="md"></bp-icon>
<bp-icon shape="on-holiday" size="lg"></bp-icon>
<bp-icon shape="organization" size="sm"></bp-icon>
<bp-icon shape="organization" size="md"></bp-icon>
<bp-icon shape="organization" size="lg"></bp-icon>
<bp-icon shape="outdent" size="sm"></bp-icon>
<bp-icon shape="outdent" size="md"></bp-icon>
<bp-icon shape="outdent" size="lg"></bp-icon>
<bp-icon shape="paint-roller" size="sm"></bp-icon>
<bp-icon shape="paint-roller" size="md"></bp-icon>
<bp-icon shape="paint-roller" size="lg"></bp-icon>
<bp-icon shape="paperclip" size="sm"></bp-icon>
<bp-icon shape="paperclip" size="md"></bp-icon>
<bp-icon shape="paperclip" size="lg"></bp-icon>
<bp-icon shape="paste" size="sm"></bp-icon>
<bp-icon shape="paste" size="md"></bp-icon>
<bp-icon shape="paste" size="lg"></bp-icon>
<bp-icon shape="pause" size="sm"></bp-icon>
<bp-icon shape="pause" size="md"></bp-icon>
<bp-icon shape="pause" size="lg"></bp-icon>
<bp-icon shape="pencil" size="sm"></bp-icon>
<bp-icon shape="pencil" size="md"></bp-icon>
<bp-icon shape="pencil" size="lg"></bp-icon>
<bp-icon shape="peso" size="sm"></bp-icon>
<bp-icon shape="peso" size="md"></bp-icon>
<bp-icon shape="peso" size="lg"></bp-icon>
<bp-icon shape="phone-handset" size="sm"></bp-icon>
<bp-icon shape="phone-handset" size="md"></bp-icon>
<bp-icon shape="phone-handset" size="lg"></bp-icon>
<bp-icon shape="picture" size="sm"></bp-icon>
<bp-icon shape="picture" size="md"></bp-icon>
<bp-icon shape="picture" size="lg"></bp-icon>
<bp-icon shape="pie-chart" size="sm"></bp-icon>
<bp-icon shape="pie-chart" size="md"></bp-icon>
<bp-icon shape="pie-chart" size="lg"></bp-icon>
<bp-icon shape="piggy-bank" size="sm"></bp-icon>
<bp-icon shape="piggy-bank" size="md"></bp-icon>
<bp-icon shape="piggy-bank" size="lg"></bp-icon>
<bp-icon shape="pin" size="sm"></bp-icon>
<bp-icon shape="pin" size="md"></bp-icon>
<bp-icon shape="pin" size="lg"></bp-icon>
<bp-icon shape="pinboard" size="sm"></bp-icon>
<bp-icon shape="pinboard" size="md"></bp-icon>
<bp-icon shape="pinboard" size="lg"></bp-icon>
<bp-icon shape="plane" size="sm"></bp-icon>
<bp-icon shape="plane" size="md"></bp-icon>
<bp-icon shape="plane" size="lg"></bp-icon>
<bp-icon shape="play" size="sm"></bp-icon>
<bp-icon shape="play" size="md"></bp-icon>
<bp-icon shape="play" size="lg"></bp-icon>
<bp-icon shape="plugin" size="sm"></bp-icon>
<bp-icon shape="plugin" size="md"></bp-icon>
<bp-icon shape="plugin" size="lg"></bp-icon>
<bp-icon shape="pod" size="sm"></bp-icon>
<bp-icon shape="pod" size="md"></bp-icon>
<bp-icon shape="pod" size="lg"></bp-icon>
<bp-icon shape="pop-out" size="sm"></bp-icon>
<bp-icon shape="pop-out" size="md"></bp-icon>
<bp-icon shape="pop-out" size="lg"></bp-icon>
<bp-icon shape="portrait" size="sm"></bp-icon>
<bp-icon shape="portrait" size="md"></bp-icon>
<bp-icon shape="portrait" size="lg"></bp-icon>
<bp-icon shape="pound" size="sm"></bp-icon>
<bp-icon shape="pound" size="md"></bp-icon>
<bp-icon shape="pound" size="lg"></bp-icon>
<bp-icon shape="power" size="sm"></bp-icon>
<bp-icon shape="power" size="md"></bp-icon>
<bp-icon shape="power" size="lg"></bp-icon>
<bp-icon shape="printer" size="sm"></bp-icon>
<bp-icon shape="printer" size="md"></bp-icon>
<bp-icon shape="printer" size="lg"></bp-icon>
<bp-icon shape="qr-code" size="sm"></bp-icon>
<bp-icon shape="qr-code" size="md"></bp-icon>
<bp-icon shape="qr-code" size="lg"></bp-icon>
<bp-icon shape="rack-server" size="sm"></bp-icon>
<bp-icon shape="rack-server" size="md"></bp-icon>
<bp-icon shape="rack-server" size="lg"></bp-icon>
<bp-icon shape="radar" size="sm"></bp-icon>
<bp-icon shape="radar" size="md"></bp-icon>
<bp-icon shape="radar" size="lg"></bp-icon>
<bp-icon shape="receiver" size="sm"></bp-icon>
<bp-icon shape="receiver" size="md"></bp-icon>
<bp-icon shape="receiver" size="lg"></bp-icon>
<bp-icon shape="recycle" size="sm"></bp-icon>
<bp-icon shape="recycle" size="md"></bp-icon>
<bp-icon shape="recycle" size="lg"></bp-icon>
<bp-icon shape="redo" size="sm"></bp-icon>
<bp-icon shape="redo" size="md"></bp-icon>
<bp-icon shape="redo" size="lg"></bp-icon>
<bp-icon shape="refresh" size="sm"></bp-icon>
<bp-icon shape="refresh" size="md"></bp-icon>
<bp-icon shape="refresh" size="lg"></bp-icon>
<bp-icon shape="repeat" size="sm"></bp-icon>
<bp-icon shape="repeat" size="md"></bp-icon>
<bp-icon shape="repeat" size="lg"></bp-icon>
<bp-icon shape="replay-all" size="sm"></bp-icon>
<bp-icon shape="replay-all" size="md"></bp-icon>
<bp-icon shape="replay-all" size="lg"></bp-icon>
<bp-icon shape="replay-one" size="sm"></bp-icon>
<bp-icon shape="replay-one" size="md"></bp-icon>
<bp-icon shape="replay-one" size="lg"></bp-icon>
<bp-icon shape="resistor" size="sm"></bp-icon>
<bp-icon shape="resistor" size="md"></bp-icon>
<bp-icon shape="resistor" size="lg"></bp-icon>
<bp-icon shape="resize-down" size="sm"></bp-icon>
<bp-icon shape="resize-down" size="md"></bp-icon>
<bp-icon shape="resize-down" size="lg"></bp-icon>
<bp-icon shape="resize" size="sm"></bp-icon>
<bp-icon shape="resize" size="md"></bp-icon>
<bp-icon shape="resize" size="lg"></bp-icon>
<bp-icon shape="resource-pool" size="sm"></bp-icon>
<bp-icon shape="resource-pool" size="md"></bp-icon>
<bp-icon shape="resource-pool" size="lg"></bp-icon>
<bp-icon shape="rewind" size="sm"></bp-icon>
<bp-icon shape="rewind" size="md"></bp-icon>
<bp-icon shape="rewind" size="lg"></bp-icon>
<bp-icon shape="router" size="sm"></bp-icon>
<bp-icon shape="router" size="md"></bp-icon>
<bp-icon shape="router" size="lg"></bp-icon>
<bp-icon shape="ruble" size="sm"></bp-icon>
<bp-icon shape="ruble" size="md"></bp-icon>
<bp-icon shape="ruble" size="lg"></bp-icon>
<bp-icon shape="ruler-pencil" size="sm"></bp-icon>
<bp-icon shape="ruler-pencil" size="md"></bp-icon>
<bp-icon shape="ruler-pencil" size="lg"></bp-icon>
<bp-icon shape="rupee" size="sm"></bp-icon>
<bp-icon shape="rupee" size="md"></bp-icon>
<bp-icon shape="rupee" size="lg"></bp-icon>
<bp-icon shape="sad-face" size="sm"></bp-icon>
<bp-icon shape="sad-face" size="md"></bp-icon>
<bp-icon shape="sad-face" size="lg"></bp-icon>
<bp-icon shape="savings" size="sm"></bp-icon>
<bp-icon shape="savings" size="md"></bp-icon>
<bp-icon shape="savings" size="lg"></bp-icon>
<bp-icon shape="scatter-plot" size="sm"></bp-icon>
<bp-icon shape="scatter-plot" size="md"></bp-icon>
<bp-icon shape="scatter-plot" size="lg"></bp-icon>
<bp-icon shape="scissors" size="sm"></bp-icon>
<bp-icon shape="scissors" size="md"></bp-icon>
<bp-icon shape="scissors" size="lg"></bp-icon>
<bp-icon shape="scroll" size="sm"></bp-icon>
<bp-icon shape="scroll" size="md"></bp-icon>
<bp-icon shape="scroll" size="lg"></bp-icon>
<bp-icon shape="search" size="sm"></bp-icon>
<bp-icon shape="search" size="md"></bp-icon>
<bp-icon shape="search" size="lg"></bp-icon>
<bp-icon shape="server" size="sm"></bp-icon>
<bp-icon shape="server" size="md"></bp-icon>
<bp-icon shape="server" size="lg"></bp-icon>
<bp-icon shape="settings" size="sm"></bp-icon>
<bp-icon shape="settings" size="md"></bp-icon>
<bp-icon shape="settings" size="lg"></bp-icon>
<bp-icon shape="share" size="sm"></bp-icon>
<bp-icon shape="share" size="md"></bp-icon>
<bp-icon shape="share" size="lg"></bp-icon>
<bp-icon shape="shield-check" size="sm"></bp-icon>
<bp-icon shape="shield-check" size="md"></bp-icon>
<bp-icon shape="shield-check" size="lg"></bp-icon>
<bp-icon shape="shield" size="sm"></bp-icon>
<bp-icon shape="shield" size="md"></bp-icon>
<bp-icon shape="shield" size="lg"></bp-icon>
<bp-icon shape="shield-x" size="sm"></bp-icon>
<bp-icon shape="shield-x" size="md"></bp-icon>
<bp-icon shape="shield-x" size="lg"></bp-icon>
<bp-icon shape="shopping-bag" size="sm"></bp-icon>
<bp-icon shape="shopping-bag" size="md"></bp-icon>
<bp-icon shape="shopping-bag" size="lg"></bp-icon>
<bp-icon shape="shopping-cart" size="sm"></bp-icon>
<bp-icon shape="shopping-cart" size="md"></bp-icon>
<bp-icon shape="shopping-cart" size="lg"></bp-icon>
<bp-icon shape="shrink" size="sm"></bp-icon>
<bp-icon shape="shrink" size="md"></bp-icon>
<bp-icon shape="shrink" size="lg"></bp-icon>
<bp-icon shape="shuffle" size="sm"></bp-icon>
<bp-icon shape="shuffle" size="md"></bp-icon>
<bp-icon shape="shuffle" size="lg"></bp-icon>
<bp-icon shape="sign-in" size="sm"></bp-icon>
<bp-icon shape="sign-in" size="md"></bp-icon>
<bp-icon shape="sign-in" size="lg"></bp-icon>
<bp-icon shape="sign-out" size="sm"></bp-icon>
<bp-icon shape="sign-out" size="md"></bp-icon>
<bp-icon shape="sign-out" size="lg"></bp-icon>
<bp-icon shape="slider" size="sm"></bp-icon>
<bp-icon shape="slider" size="md"></bp-icon>
<bp-icon shape="slider" size="lg"></bp-icon>
<bp-icon shape="snowflake" size="sm"></bp-icon>
<bp-icon shape="snowflake" size="md"></bp-icon>
<bp-icon shape="snowflake" size="lg"></bp-icon>
<bp-icon shape="sort-by" size="sm"></bp-icon>
<bp-icon shape="sort-by" size="md"></bp-icon>
<bp-icon shape="sort-by" size="lg"></bp-icon>
<bp-icon shape="squid" size="sm"></bp-icon>
<bp-icon shape="squid" size="md"></bp-icon>
<bp-icon shape="squid" size="lg"></bp-icon>
<bp-icon shape="ssd" size="sm"></bp-icon>
<bp-icon shape="ssd" size="md"></bp-icon>
<bp-icon shape="ssd" size="lg"></bp-icon>
<bp-icon shape="star" size="sm"></bp-icon>
<bp-icon shape="star" size="md"></bp-icon>
<bp-icon shape="star" size="lg"></bp-icon>
<bp-icon shape="step-forward-2" size="sm"></bp-icon>
<bp-icon shape="step-forward-2" size="md"></bp-icon>
<bp-icon shape="step-forward-2" size="lg"></bp-icon>
<bp-icon shape="step-forward" size="sm"></bp-icon>
<bp-icon shape="step-forward" size="md"></bp-icon>
<bp-icon shape="step-forward" size="lg"></bp-icon>
<bp-icon shape="stop" size="sm"></bp-icon>
<bp-icon shape="stop" size="md"></bp-icon>
<bp-icon shape="stop" size="lg"></bp-icon>
<bp-icon shape="storage-adapter" size="sm"></bp-icon>
<bp-icon shape="storage-adapter" size="md"></bp-icon>
<bp-icon shape="storage-adapter" size="lg"></bp-icon>
<bp-icon shape="storage" size="sm"></bp-icon>
<bp-icon shape="storage" size="md"></bp-icon>
<bp-icon shape="storage" size="lg"></bp-icon>
<bp-icon shape="store" size="sm"></bp-icon>
<bp-icon shape="store" size="md"></bp-icon>
<bp-icon shape="store" size="lg"></bp-icon>
<bp-icon shape="strikethrough" size="sm"></bp-icon>
<bp-icon shape="strikethrough" size="md"></bp-icon>
<bp-icon shape="strikethrough" size="lg"></bp-icon>
<bp-icon shape="subscript" size="sm"></bp-icon>
<bp-icon shape="subscript" size="md"></bp-icon>
<bp-icon shape="subscript" size="lg"></bp-icon>
<bp-icon shape="success" size="sm"></bp-icon>
<bp-icon shape="success" size="md"></bp-icon>
<bp-icon shape="success" size="lg"></bp-icon>
<bp-icon shape="sun" size="sm"></bp-icon>
<bp-icon shape="sun" size="md"></bp-icon>
<bp-icon shape="sun" size="lg"></bp-icon>
<bp-icon shape="superscript" size="sm"></bp-icon>
<bp-icon shape="superscript" size="md"></bp-icon>
<bp-icon shape="superscript" size="lg"></bp-icon>
<bp-icon shape="switch" size="sm"></bp-icon>
<bp-icon shape="switch" size="md"></bp-icon>
<bp-icon shape="switch" size="lg"></bp-icon>
<bp-icon shape="sync" size="sm"></bp-icon>
<bp-icon shape="sync" size="md"></bp-icon>
<bp-icon shape="sync" size="lg"></bp-icon>
<bp-icon shape="table" size="sm"></bp-icon>
<bp-icon shape="table" size="md"></bp-icon>
<bp-icon shape="table" size="lg"></bp-icon>
<bp-icon shape="tablet" size="sm"></bp-icon>
<bp-icon shape="tablet" size="md"></bp-icon>
<bp-icon shape="tablet" size="lg"></bp-icon>
<bp-icon shape="tag" size="sm"></bp-icon>
<bp-icon shape="tag" size="md"></bp-icon>
<bp-icon shape="tag" size="lg"></bp-icon>
<bp-icon shape="tags" size="sm"></bp-icon>
<bp-icon shape="tags" size="md"></bp-icon>
<bp-icon shape="tags" size="lg"></bp-icon>
<bp-icon shape="talk-bubbles" size="sm"></bp-icon>
<bp-icon shape="talk-bubbles" size="md"></bp-icon>
<bp-icon shape="talk-bubbles" size="lg"></bp-icon>
<bp-icon shape="tape-drive" size="sm"></bp-icon>
<bp-icon shape="tape-drive" size="md"></bp-icon>
<bp-icon shape="tape-drive" size="lg"></bp-icon>
<bp-icon shape="target" size="sm"></bp-icon>
<bp-icon shape="target" size="md"></bp-icon>
<bp-icon shape="target" size="lg"></bp-icon>
<bp-icon shape="tasks" size="sm"></bp-icon>
<bp-icon shape="tasks" size="md"></bp-icon>
<bp-icon shape="tasks" size="lg"></bp-icon>
<bp-icon shape="terminal" size="sm"></bp-icon>
<bp-icon shape="terminal" size="md"></bp-icon>
<bp-icon shape="terminal" size="lg"></bp-icon>
<bp-icon shape="text-color" size="sm"></bp-icon>
<bp-icon shape="text-color" size="md"></bp-icon>
<bp-icon shape="text-color" size="lg"></bp-icon>
<bp-icon shape="text" size="sm"></bp-icon>
<bp-icon shape="text" size="md"></bp-icon>
<bp-icon shape="text" size="lg"></bp-icon>
<bp-icon shape="thermometer" size="sm"></bp-icon>
<bp-icon shape="thermometer" size="md"></bp-icon>
<bp-icon shape="thermometer" size="lg"></bp-icon>
<bp-icon shape="thin-client" size="sm"></bp-icon>
<bp-icon shape="thin-client" size="md"></bp-icon>
<bp-icon shape="thin-client" size="lg"></bp-icon>
<bp-icon shape="thumbs-down" size="sm"></bp-icon>
<bp-icon shape="thumbs-down" size="md"></bp-icon>
<bp-icon shape="thumbs-down" size="lg"></bp-icon>
<bp-icon shape="thumbs-up" size="sm"></bp-icon>
<bp-icon shape="thumbs-up" size="md"></bp-icon>
<bp-icon shape="thumbs-up" size="lg"></bp-icon>
<bp-icon shape="tick-chart" size="sm"></bp-icon>
<bp-icon shape="tick-chart" size="md"></bp-icon>
<bp-icon shape="tick-chart" size="lg"></bp-icon>
<bp-icon shape="timeline" size="sm"></bp-icon>
<bp-icon shape="timeline" size="md"></bp-icon>
<bp-icon shape="timeline" size="lg"></bp-icon>
<bp-icon shape="tools" size="sm"></bp-icon>
<bp-icon shape="tools" size="md"></bp-icon>
<bp-icon shape="tools" size="lg"></bp-icon>
<bp-icon shape="trailer" size="sm"></bp-icon>
<bp-icon shape="trailer" size="md"></bp-icon>
<bp-icon shape="trailer" size="lg"></bp-icon>
<bp-icon shape="trash" size="sm"></bp-icon>
<bp-icon shape="trash" size="md"></bp-icon>
<bp-icon shape="trash" size="lg"></bp-icon>
<bp-icon shape="tree" size="sm"></bp-icon>
<bp-icon shape="tree" size="md"></bp-icon>
<bp-icon shape="tree" size="lg"></bp-icon>
<bp-icon shape="tree-view" size="sm"></bp-icon>
<bp-icon shape="tree-view" size="md"></bp-icon>
<bp-icon shape="tree-view" size="lg"></bp-icon>
<bp-icon shape="truck" size="sm"></bp-icon>
<bp-icon shape="truck" size="md"></bp-icon>
<bp-icon shape="truck" size="lg"></bp-icon>
<bp-icon shape="two-way-arrows" size="sm"></bp-icon>
<bp-icon shape="two-way-arrows" size="md"></bp-icon>
<bp-icon shape="two-way-arrows" size="lg"></bp-icon>
<bp-icon shape="unarchive" size="sm"></bp-icon>
<bp-icon shape="unarchive" size="md"></bp-icon>
<bp-icon shape="unarchive" size="lg"></bp-icon>
<bp-icon shape="underline" size="sm"></bp-icon>
<bp-icon shape="underline" size="md"></bp-icon>
<bp-icon shape="underline" size="lg"></bp-icon>
<bp-icon shape="undo" size="sm"></bp-icon>
<bp-icon shape="undo" size="md"></bp-icon>
<bp-icon shape="undo" size="lg"></bp-icon>
<bp-icon shape="uninstall" size="sm"></bp-icon>
<bp-icon shape="uninstall" size="md"></bp-icon>
<bp-icon shape="uninstall" size="lg"></bp-icon>
<bp-icon shape="unknown-status" size="sm"></bp-icon>
<bp-icon shape="unknown-status" size="md"></bp-icon>
<bp-icon shape="unknown-status" size="lg"></bp-icon>
<bp-icon shape="unlink" size="sm"></bp-icon>
<bp-icon shape="unlink" size="md"></bp-icon>
<bp-icon shape="unlink" size="lg"></bp-icon>
<bp-icon shape="unlock" size="sm"></bp-icon>
<bp-icon shape="unlock" size="md"></bp-icon>
<bp-icon shape="unlock" size="lg"></bp-icon>
<bp-icon shape="update" size="sm"></bp-icon>
<bp-icon shape="update" size="md"></bp-icon>
<bp-icon shape="update" size="lg"></bp-icon>
<bp-icon shape="upload-cloud" size="sm"></bp-icon>
<bp-icon shape="upload-cloud" size="md"></bp-icon>
<bp-icon shape="upload-cloud" size="lg"></bp-icon>
<bp-icon shape="upload" size="sm"></bp-icon>
<bp-icon shape="upload" size="md"></bp-icon>
<bp-icon shape="upload" size="lg"></bp-icon>
<bp-icon shape="usb" size="sm"></bp-icon>
<bp-icon shape="usb" size="md"></bp-icon>
<bp-icon shape="usb" size="lg"></bp-icon>
<bp-icon shape="user" size="sm"></bp-icon>
<bp-icon shape="user" size="md"></bp-icon>
<bp-icon shape="user" size="lg"></bp-icon>
<bp-icon shape="users" size="sm"></bp-icon>
<bp-icon shape="users" size="md"></bp-icon>
<bp-icon shape="users" size="lg"></bp-icon>
<bp-icon shape="video-camera" size="sm"></bp-icon>
<bp-icon shape="video-camera" size="md"></bp-icon>
<bp-icon shape="video-camera" size="lg"></bp-icon>
<bp-icon shape="video-gallery" size="sm"></bp-icon>
<bp-icon shape="video-gallery" size="md"></bp-icon>
<bp-icon shape="video-gallery" size="lg"></bp-icon>
<bp-icon shape="view-cards" size="sm"></bp-icon>
<bp-icon shape="view-cards" size="md"></bp-icon>
<bp-icon shape="view-cards" size="lg"></bp-icon>
<bp-icon shape="view-columns" size="sm"></bp-icon>
<bp-icon shape="view-columns" size="md"></bp-icon>
<bp-icon shape="view-columns" size="lg"></bp-icon>
<bp-icon shape="view-list" size="sm"></bp-icon>
<bp-icon shape="view-list" size="md"></bp-icon>
<bp-icon shape="view-list" size="lg"></bp-icon>
<bp-icon shape="volume-down" size="sm"></bp-icon>
<bp-icon shape="volume-down" size="md"></bp-icon>
<bp-icon shape="volume-down" size="lg"></bp-icon>
<bp-icon shape="volume" size="sm"></bp-icon>
<bp-icon shape="volume" size="md"></bp-icon>
<bp-icon shape="volume" size="lg"></bp-icon>
<bp-icon shape="volume-mute" size="sm"></bp-icon>
<bp-icon shape="volume-mute" size="md"></bp-icon>
<bp-icon shape="volume-mute" size="lg"></bp-icon>
<bp-icon shape="volume-up" size="sm"></bp-icon>
<bp-icon shape="volume-up" size="md"></bp-icon>
<bp-icon shape="volume-up" size="lg"></bp-icon>
<bp-icon shape="wallet" size="sm"></bp-icon>
<bp-icon shape="wallet" size="md"></bp-icon>
<bp-icon shape="wallet" size="lg"></bp-icon>
<bp-icon shape="wand" size="sm"></bp-icon>
<bp-icon shape="wand" size="md"></bp-icon>
<bp-icon shape="wand" size="lg"></bp-icon>
<bp-icon shape="warning" size="sm"></bp-icon>
<bp-icon shape="warning" size="md"></bp-icon>
<bp-icon shape="warning" size="lg"></bp-icon>
<bp-icon shape="wifi" size="sm"></bp-icon>
<bp-icon shape="wifi" size="md"></bp-icon>
<bp-icon shape="wifi" size="lg"></bp-icon>
<bp-icon shape="window-max" size="sm"></bp-icon>
<bp-icon shape="window-max" size="md"></bp-icon>
<bp-icon shape="window-max" size="lg"></bp-icon>
<bp-icon shape="window-min" size="sm"></bp-icon>
<bp-icon shape="window-min" size="md"></bp-icon>
<bp-icon shape="window-min" size="lg"></bp-icon>
<bp-icon shape="window-restore" size="sm"></bp-icon>
<bp-icon shape="window-restore" size="md"></bp-icon>
<bp-icon shape="window-restore" size="lg"></bp-icon>
<bp-icon shape="won" size="sm"></bp-icon>
<bp-icon shape="won" size="md"></bp-icon>
<bp-icon shape="won" size="lg"></bp-icon>
<bp-icon shape="world" size="sm"></bp-icon>
<bp-icon shape="world" size="md"></bp-icon>
<bp-icon shape="world" size="lg"></bp-icon>
<bp-icon shape="wrench" size="sm"></bp-icon>
<bp-icon shape="wrench" size="md"></bp-icon>
<bp-icon shape="wrench" size="lg"></bp-icon>
<bp-icon shape="yen" size="sm"></bp-icon>
<bp-icon shape="yen" size="md"></bp-icon>
<bp-icon shape="yen" size="lg"></bp-icon>
<bp-icon shape="zoom-in" size="sm"></bp-icon>
<bp-icon shape="zoom-in" size="md"></bp-icon>
<bp-icon shape="zoom-in" size="lg"></bp-icon>
<bp-icon shape="zoom-out" size="sm"></bp-icon>
<bp-icon shape="zoom-out" size="md"></bp-icon>
<bp-icon shape="zoom-out" size="lg"></bp-icon>
</div>
Solid
code
<script type="module">
import '@blueprintui/icons/include.js';
import '@blueprintui/icons/shapes/accessibility.js';
import '@blueprintui/icons/shapes/accessibility-two.js';
import '@blueprintui/icons/shapes/add-circle.js';
import '@blueprintui/icons/shapes/add.js';
import '@blueprintui/icons/shapes/add-text.js';
import '@blueprintui/icons/shapes/administrator.js';
import '@blueprintui/icons/shapes/airplane.js';
import '@blueprintui/icons/shapes/alarm-clock.js';
import '@blueprintui/icons/shapes/alarm-off.js';
import '@blueprintui/icons/shapes/alert.js';
import '@blueprintui/icons/shapes/align-bottom.js';
import '@blueprintui/icons/shapes/align-center.js';
import '@blueprintui/icons/shapes/align-left.js';
import '@blueprintui/icons/shapes/align-left-text.js';
import '@blueprintui/icons/shapes/align-middle.js';
import '@blueprintui/icons/shapes/align-right.js';
import '@blueprintui/icons/shapes/align-right-text.js';
import '@blueprintui/icons/shapes/align-top.js';
import '@blueprintui/icons/shapes/analytics.js';
import '@blueprintui/icons/shapes/angle-double.js';
import '@blueprintui/icons/shapes/angle.js';
import '@blueprintui/icons/shapes/animation.js';
import '@blueprintui/icons/shapes/application.js';
import '@blueprintui/icons/shapes/applications.js';
import '@blueprintui/icons/shapes/archive.js';
import '@blueprintui/icons/shapes/arrow.js';
import '@blueprintui/icons/shapes/assign-user.js';
import '@blueprintui/icons/shapes/asterisk.js';
import '@blueprintui/icons/shapes/atom.js';
import '@blueprintui/icons/shapes/attachment.js';
import '@blueprintui/icons/shapes/auto.js';
import '@blueprintui/icons/shapes/avatar.js';
import '@blueprintui/icons/shapes/axis-chart.js';
import '@blueprintui/icons/shapes/backup.js';
import '@blueprintui/icons/shapes/backup-restore.js';
import '@blueprintui/icons/shapes/balance.js';
import '@blueprintui/icons/shapes/ban.js';
import '@blueprintui/icons/shapes/bank.js';
import '@blueprintui/icons/shapes/bar-chart.js';
import '@blueprintui/icons/shapes/bar-code.js';
import '@blueprintui/icons/shapes/bars.js';
import '@blueprintui/icons/shapes/battery.js';
import '@blueprintui/icons/shapes/bell-curve.js';
import '@blueprintui/icons/shapes/bell.js';
import '@blueprintui/icons/shapes/beta.js';
import '@blueprintui/icons/shapes/bicycle.js';
import '@blueprintui/icons/shapes/bitcoin.js';
import '@blueprintui/icons/shapes/block.js';
import '@blueprintui/icons/shapes/block-quote.js';
import '@blueprintui/icons/shapes/blocks-group.js';
import '@blueprintui/icons/shapes/bluetooth.js';
import '@blueprintui/icons/shapes/bluetooth-off.js';
import '@blueprintui/icons/shapes/boat.js';
import '@blueprintui/icons/shapes/bold.js';
import '@blueprintui/icons/shapes/bolt.js';
import '@blueprintui/icons/shapes/book.js';
import '@blueprintui/icons/shapes/bookmark.js';
import '@blueprintui/icons/shapes/box-plot.js';
import '@blueprintui/icons/shapes/briefcase.js';
import '@blueprintui/icons/shapes/bubble-chart.js';
import '@blueprintui/icons/shapes/bubble-exclamation.js';
import '@blueprintui/icons/shapes/bug.js';
import '@blueprintui/icons/shapes/building.js';
import '@blueprintui/icons/shapes/bullet-list.js';
import '@blueprintui/icons/shapes/bullseye.js';
import '@blueprintui/icons/shapes/bundle.js';
import '@blueprintui/icons/shapes/calculator.js';
import '@blueprintui/icons/shapes/calendar.js';
import '@blueprintui/icons/shapes/camera.js';
import '@blueprintui/icons/shapes/campervan.js';
import '@blueprintui/icons/shapes/capacitor.js';
import '@blueprintui/icons/shapes/car.js';
import '@blueprintui/icons/shapes/caravan.js';
import '@blueprintui/icons/shapes/caret.js';
import '@blueprintui/icons/shapes/cd-dvd.js';
import '@blueprintui/icons/shapes/center-text.js';
import '@blueprintui/icons/shapes/certificate.js';
import '@blueprintui/icons/shapes/chat-bubble.js';
import '@blueprintui/icons/shapes/check.js';
import '@blueprintui/icons/shapes/checkbox-list.js';
import '@blueprintui/icons/shapes/child-arrow.js';
import '@blueprintui/icons/shapes/ci-cd.js';
import '@blueprintui/icons/shapes/circle-arrow.js';
import '@blueprintui/icons/shapes/circle.js';
import '@blueprintui/icons/shapes/clipboard.js';
import '@blueprintui/icons/shapes/clock.js';
import '@blueprintui/icons/shapes/clone.js';
import '@blueprintui/icons/shapes/close-circle.js';
import '@blueprintui/icons/shapes/close.js';
import '@blueprintui/icons/shapes/cloud-chart.js';
import '@blueprintui/icons/shapes/cloud.js';
import '@blueprintui/icons/shapes/cloud-network.js';
import '@blueprintui/icons/shapes/cloud-scale.js';
import '@blueprintui/icons/shapes/cloud-traffic.js';
import '@blueprintui/icons/shapes/cluster.js';
import '@blueprintui/icons/shapes/code.js';
import '@blueprintui/icons/shapes/cog.js';
import '@blueprintui/icons/shapes/coin-bag.js';
import '@blueprintui/icons/shapes/collapse-card.js';
import '@blueprintui/icons/shapes/collapse.js';
import '@blueprintui/icons/shapes/color-palette.js';
import '@blueprintui/icons/shapes/color-picker.js';
import '@blueprintui/icons/shapes/command.js';
import '@blueprintui/icons/shapes/compass.js';
import '@blueprintui/icons/shapes/computer.js';
import '@blueprintui/icons/shapes/connect.js';
import '@blueprintui/icons/shapes/container.js';
import '@blueprintui/icons/shapes/container-volume.js';
import '@blueprintui/icons/shapes/contract.js';
import '@blueprintui/icons/shapes/control-lun.js';
import '@blueprintui/icons/shapes/copy.js';
import '@blueprintui/icons/shapes/copy-to-clipboard.js';
import '@blueprintui/icons/shapes/cpu.js';
import '@blueprintui/icons/shapes/credit-card.js';
import '@blueprintui/icons/shapes/crosshairs.js';
import '@blueprintui/icons/shapes/crown.js';
import '@blueprintui/icons/shapes/cursor-arrow.js';
import '@blueprintui/icons/shapes/cursor-hand-click.js';
import '@blueprintui/icons/shapes/cursor-hand-grab.js';
import '@blueprintui/icons/shapes/cursor-hand.js';
import '@blueprintui/icons/shapes/cursor-hand-open.js';
import '@blueprintui/icons/shapes/cursor-move.js';
import '@blueprintui/icons/shapes/curve-chart.js';
import '@blueprintui/icons/shapes/dashboard.js';
import '@blueprintui/icons/shapes/data-cluster.js';
import '@blueprintui/icons/shapes/date.js';
import '@blueprintui/icons/shapes/deploy.js';
import '@blueprintui/icons/shapes/design.js';
import '@blueprintui/icons/shapes/details.js';
import '@blueprintui/icons/shapes/devices.js';
import '@blueprintui/icons/shapes/digital-signature.js';
import '@blueprintui/icons/shapes/directory.js';
import '@blueprintui/icons/shapes/disconnect.js';
import '@blueprintui/icons/shapes/disconnected.js';
import '@blueprintui/icons/shapes/display.js';
import '@blueprintui/icons/shapes/dna.js';
import '@blueprintui/icons/shapes/document.js';
import '@blueprintui/icons/shapes/dollar-bill.js';
import '@blueprintui/icons/shapes/dollar.js';
import '@blueprintui/icons/shapes/dot-circle.js';
import '@blueprintui/icons/shapes/download-cloud.js';
import '@blueprintui/icons/shapes/download.js';
import '@blueprintui/icons/shapes/drag-handle-corner.js';
import '@blueprintui/icons/shapes/drag-handle.js';
import '@blueprintui/icons/shapes/e-check.js';
import '@blueprintui/icons/shapes/edit.js';
import '@blueprintui/icons/shapes/ellipsis-horizontal.js';
import '@blueprintui/icons/shapes/ellipsis-vertical.js';
import '@blueprintui/icons/shapes/email.js';
import '@blueprintui/icons/shapes/employee-group.js';
import '@blueprintui/icons/shapes/employee.js';
import '@blueprintui/icons/shapes/envelope.js';
import '@blueprintui/icons/shapes/eraser.js';
import '@blueprintui/icons/shapes/error.js';
import '@blueprintui/icons/shapes/euro.js';
import '@blueprintui/icons/shapes/event.js';
import '@blueprintui/icons/shapes/expand-card.js';
import '@blueprintui/icons/shapes/export.js';
import '@blueprintui/icons/shapes/eye-hide.js';
import '@blueprintui/icons/shapes/eye.js';
import '@blueprintui/icons/shapes/factory.js';
import '@blueprintui/icons/shapes/fast-forward.js';
import '@blueprintui/icons/shapes/favorite.js';
import '@blueprintui/icons/shapes/ferry.js';
import '@blueprintui/icons/shapes/file-group.js';
import '@blueprintui/icons/shapes/file.js';
import '@blueprintui/icons/shapes/file-settings.js';
import '@blueprintui/icons/shapes/file-share-2.js';
import '@blueprintui/icons/shapes/file-share.js';
import '@blueprintui/icons/shapes/file-zip.js';
import '@blueprintui/icons/shapes/film-strip.js';
import '@blueprintui/icons/shapes/filter-2.js';
import '@blueprintui/icons/shapes/filter.js';
import '@blueprintui/icons/shapes/filter-off.js';
import '@blueprintui/icons/shapes/firewall.js';
import '@blueprintui/icons/shapes/first-aid-kit.js';
import '@blueprintui/icons/shapes/fish.js';
import '@blueprintui/icons/shapes/flag.js';
import '@blueprintui/icons/shapes/flame.js';
import '@blueprintui/icons/shapes/flask.js';
import '@blueprintui/icons/shapes/floppy.js';
import '@blueprintui/icons/shapes/flow-chart.js';
import '@blueprintui/icons/shapes/folder.js';
import '@blueprintui/icons/shapes/folder-open.js';
import '@blueprintui/icons/shapes/font-size.js';
import '@blueprintui/icons/shapes/forking.js';
import '@blueprintui/icons/shapes/form.js';
import '@blueprintui/icons/shapes/fuel.js';
import '@blueprintui/icons/shapes/gavel.js';
import '@blueprintui/icons/shapes/grid-chart.js';
import '@blueprintui/icons/shapes/grid-view.js';
import '@blueprintui/icons/shapes/group.js';
import '@blueprintui/icons/shapes/half-star.js';
import '@blueprintui/icons/shapes/happy-face.js';
import '@blueprintui/icons/shapes/hard-disk.js';
import '@blueprintui/icons/shapes/hard-drive-disks.js';
import '@blueprintui/icons/shapes/hard-drive.js';
import '@blueprintui/icons/shapes/hashtag.js';
import '@blueprintui/icons/shapes/headphones.js';
import '@blueprintui/icons/shapes/heart-broken.js';
import '@blueprintui/icons/shapes/heart.js';
import '@blueprintui/icons/shapes/heat-map.js';
import '@blueprintui/icons/shapes/helix.js';
import '@blueprintui/icons/shapes/help-info.js';
import '@blueprintui/icons/shapes/help.js';
import '@blueprintui/icons/shapes/highlighter.js';
import '@blueprintui/icons/shapes/history.js';
import '@blueprintui/icons/shapes/home.js';
import '@blueprintui/icons/shapes/host-group.js';
import '@blueprintui/icons/shapes/host.js';
import '@blueprintui/icons/shapes/hourglass.js';
import '@blueprintui/icons/shapes/id-badge.js';
import '@blueprintui/icons/shapes/image-gallery.js';
import '@blueprintui/icons/shapes/image.js';
import '@blueprintui/icons/shapes/import.js';
import '@blueprintui/icons/shapes/inbox.js';
import '@blueprintui/icons/shapes/indent.js';
import '@blueprintui/icons/shapes/inductor.js';
import '@blueprintui/icons/shapes/info.js';
import '@blueprintui/icons/shapes/install.js';
import '@blueprintui/icons/shapes/internet-of-things.js';
import '@blueprintui/icons/shapes/italic.js';
import '@blueprintui/icons/shapes/justify-text.js';
import '@blueprintui/icons/shapes/key.js';
import '@blueprintui/icons/shapes/keyboard.js';
import '@blueprintui/icons/shapes/landscape.js';
import '@blueprintui/icons/shapes/language.js';
import '@blueprintui/icons/shapes/launchpad.js';
import '@blueprintui/icons/shapes/layers.js';
import '@blueprintui/icons/shapes/library.js';
import '@blueprintui/icons/shapes/license.js';
import '@blueprintui/icons/shapes/lightbulb.js';
import '@blueprintui/icons/shapes/lightning.js';
import '@blueprintui/icons/shapes/line-chart.js';
import '@blueprintui/icons/shapes/link.js';
import '@blueprintui/icons/shapes/list.js';
import '@blueprintui/icons/shapes/lock.js';
import '@blueprintui/icons/shapes/login.js';
import '@blueprintui/icons/shapes/logout.js';
import '@blueprintui/icons/shapes/map.js';
import '@blueprintui/icons/shapes/map-marker.js';
import '@blueprintui/icons/shapes/media-changer.js';
import '@blueprintui/icons/shapes/memory.js';
import '@blueprintui/icons/shapes/menu.js';
import '@blueprintui/icons/shapes/microphone.js';
import '@blueprintui/icons/shapes/microphone-mute.js';
import '@blueprintui/icons/shapes/minus-circle.js';
import '@blueprintui/icons/shapes/minus.js';
import '@blueprintui/icons/shapes/mobile.js';
import '@blueprintui/icons/shapes/mobile-phone.js';
import '@blueprintui/icons/shapes/moon.js';
import '@blueprintui/icons/shapes/mouse.js';
import '@blueprintui/icons/shapes/music-note.js';
import '@blueprintui/icons/shapes/namespace.js';
import '@blueprintui/icons/shapes/network-globe.js';
import '@blueprintui/icons/shapes/network-settings.js';
import '@blueprintui/icons/shapes/network-switch.js';
import '@blueprintui/icons/shapes/neutral-face.js';
import '@blueprintui/icons/shapes/new.js';
import '@blueprintui/icons/shapes/no-access.js';
import '@blueprintui/icons/shapes/no-wifi.js';
import '@blueprintui/icons/shapes/node-group.js';
import '@blueprintui/icons/shapes/node.js';
import '@blueprintui/icons/shapes/nodes.js';
import '@blueprintui/icons/shapes/note.js';
import '@blueprintui/icons/shapes/notification.js';
import '@blueprintui/icons/shapes/number-list.js';
import '@blueprintui/icons/shapes/objects.js';
import '@blueprintui/icons/shapes/on-holiday.js';
import '@blueprintui/icons/shapes/organization.js';
import '@blueprintui/icons/shapes/outdent.js';
import '@blueprintui/icons/shapes/paint-roller.js';
import '@blueprintui/icons/shapes/paperclip.js';
import '@blueprintui/icons/shapes/paste.js';
import '@blueprintui/icons/shapes/pause.js';
import '@blueprintui/icons/shapes/pencil.js';
import '@blueprintui/icons/shapes/peso.js';
import '@blueprintui/icons/shapes/phone-handset.js';
import '@blueprintui/icons/shapes/picture.js';
import '@blueprintui/icons/shapes/pie-chart.js';
import '@blueprintui/icons/shapes/piggy-bank.js';
import '@blueprintui/icons/shapes/pin.js';
import '@blueprintui/icons/shapes/pinboard.js';
import '@blueprintui/icons/shapes/plane.js';
import '@blueprintui/icons/shapes/play.js';
import '@blueprintui/icons/shapes/plugin.js';
import '@blueprintui/icons/shapes/pod.js';
import '@blueprintui/icons/shapes/pop-out.js';
import '@blueprintui/icons/shapes/portrait.js';
import '@blueprintui/icons/shapes/pound.js';
import '@blueprintui/icons/shapes/power.js';
import '@blueprintui/icons/shapes/printer.js';
import '@blueprintui/icons/shapes/qr-code.js';
import '@blueprintui/icons/shapes/rack-server.js';
import '@blueprintui/icons/shapes/radar.js';
import '@blueprintui/icons/shapes/receiver.js';
import '@blueprintui/icons/shapes/recycle.js';
import '@blueprintui/icons/shapes/redo.js';
import '@blueprintui/icons/shapes/refresh.js';
import '@blueprintui/icons/shapes/repeat.js';
import '@blueprintui/icons/shapes/replay-all.js';
import '@blueprintui/icons/shapes/replay-one.js';
import '@blueprintui/icons/shapes/resistor.js';
import '@blueprintui/icons/shapes/resize-down.js';
import '@blueprintui/icons/shapes/resize.js';
import '@blueprintui/icons/shapes/resource-pool.js';
import '@blueprintui/icons/shapes/rewind.js';
import '@blueprintui/icons/shapes/router.js';
import '@blueprintui/icons/shapes/ruble.js';
import '@blueprintui/icons/shapes/ruler-pencil.js';
import '@blueprintui/icons/shapes/rupee.js';
import '@blueprintui/icons/shapes/sad-face.js';
import '@blueprintui/icons/shapes/savings.js';
import '@blueprintui/icons/shapes/scatter-plot.js';
import '@blueprintui/icons/shapes/scissors.js';
import '@blueprintui/icons/shapes/scroll.js';
import '@blueprintui/icons/shapes/search.js';
import '@blueprintui/icons/shapes/server.js';
import '@blueprintui/icons/shapes/settings.js';
import '@blueprintui/icons/shapes/share.js';
import '@blueprintui/icons/shapes/shield-check.js';
import '@blueprintui/icons/shapes/shield.js';
import '@blueprintui/icons/shapes/shield-x.js';
import '@blueprintui/icons/shapes/shopping-bag.js';
import '@blueprintui/icons/shapes/shopping-cart.js';
import '@blueprintui/icons/shapes/shrink.js';
import '@blueprintui/icons/shapes/shuffle.js';
import '@blueprintui/icons/shapes/sign-in.js';
import '@blueprintui/icons/shapes/sign-out.js';
import '@blueprintui/icons/shapes/slider.js';
import '@blueprintui/icons/shapes/snowflake.js';
import '@blueprintui/icons/shapes/sort-by.js';
import '@blueprintui/icons/shapes/squid.js';
import '@blueprintui/icons/shapes/ssd.js';
import '@blueprintui/icons/shapes/star.js';
import '@blueprintui/icons/shapes/step-forward-2.js';
import '@blueprintui/icons/shapes/step-forward.js';
import '@blueprintui/icons/shapes/stop.js';
import '@blueprintui/icons/shapes/storage-adapter.js';
import '@blueprintui/icons/shapes/storage.js';
import '@blueprintui/icons/shapes/store.js';
import '@blueprintui/icons/shapes/strikethrough.js';
import '@blueprintui/icons/shapes/subscript.js';
import '@blueprintui/icons/shapes/success.js';
import '@blueprintui/icons/shapes/sun.js';
import '@blueprintui/icons/shapes/superscript.js';
import '@blueprintui/icons/shapes/switch.js';
import '@blueprintui/icons/shapes/sync.js';
import '@blueprintui/icons/shapes/table.js';
import '@blueprintui/icons/shapes/tablet.js';
import '@blueprintui/icons/shapes/tag.js';
import '@blueprintui/icons/shapes/tags.js';
import '@blueprintui/icons/shapes/talk-bubbles.js';
import '@blueprintui/icons/shapes/tape-drive.js';
import '@blueprintui/icons/shapes/target.js';
import '@blueprintui/icons/shapes/tasks.js';
import '@blueprintui/icons/shapes/terminal.js';
import '@blueprintui/icons/shapes/text-color.js';
import '@blueprintui/icons/shapes/text.js';
import '@blueprintui/icons/shapes/thermometer.js';
import '@blueprintui/icons/shapes/thin-client.js';
import '@blueprintui/icons/shapes/thumbs-down.js';
import '@blueprintui/icons/shapes/thumbs-up.js';
import '@blueprintui/icons/shapes/tick-chart.js';
import '@blueprintui/icons/shapes/timeline.js';
import '@blueprintui/icons/shapes/tools.js';
import '@blueprintui/icons/shapes/trailer.js';
import '@blueprintui/icons/shapes/trash.js';
import '@blueprintui/icons/shapes/tree.js';
import '@blueprintui/icons/shapes/tree-view.js';
import '@blueprintui/icons/shapes/truck.js';
import '@blueprintui/icons/shapes/two-way-arrows.js';
import '@blueprintui/icons/shapes/unarchive.js';
import '@blueprintui/icons/shapes/underline.js';
import '@blueprintui/icons/shapes/undo.js';
import '@blueprintui/icons/shapes/uninstall.js';
import '@blueprintui/icons/shapes/unknown-status.js';
import '@blueprintui/icons/shapes/unlink.js';
import '@blueprintui/icons/shapes/unlock.js';
import '@blueprintui/icons/shapes/update.js';
import '@blueprintui/icons/shapes/upload-cloud.js';
import '@blueprintui/icons/shapes/upload.js';
import '@blueprintui/icons/shapes/usb.js';
import '@blueprintui/icons/shapes/user.js';
import '@blueprintui/icons/shapes/users.js';
import '@blueprintui/icons/shapes/video-camera.js';
import '@blueprintui/icons/shapes/video-gallery.js';
import '@blueprintui/icons/shapes/view-cards.js';
import '@blueprintui/icons/shapes/view-columns.js';
import '@blueprintui/icons/shapes/view-list.js';
import '@blueprintui/icons/shapes/volume-down.js';
import '@blueprintui/icons/shapes/volume.js';
import '@blueprintui/icons/shapes/volume-mute.js';
import '@blueprintui/icons/shapes/volume-up.js';
import '@blueprintui/icons/shapes/wallet.js';
import '@blueprintui/icons/shapes/wand.js';
import '@blueprintui/icons/shapes/warning.js';
import '@blueprintui/icons/shapes/wifi.js';
import '@blueprintui/icons/shapes/window-max.js';
import '@blueprintui/icons/shapes/window-min.js';
import '@blueprintui/icons/shapes/window-restore.js';
import '@blueprintui/icons/shapes/won.js';
import '@blueprintui/icons/shapes/world.js';
import '@blueprintui/icons/shapes/wrench.js';
import '@blueprintui/icons/shapes/yen.js';
import '@blueprintui/icons/shapes/zoom-in.js';
import '@blueprintui/icons/shapes/zoom-out.js';
</script>
<div bp-layout="inline gap:md">
<bp-icon shape="accessibility" type="solid"></bp-icon>
<bp-icon shape="accessibility-two" type="solid"></bp-icon>
<bp-icon shape="add-circle" type="solid"></bp-icon>
<bp-icon shape="add" type="solid"></bp-icon>
<bp-icon shape="add-text" type="solid"></bp-icon>
<bp-icon shape="administrator" type="solid"></bp-icon>
<bp-icon shape="airplane" type="solid"></bp-icon>
<bp-icon shape="alarm-clock" type="solid"></bp-icon>
<bp-icon shape="alarm-off" type="solid"></bp-icon>
<bp-icon shape="alert" type="solid"></bp-icon>
<bp-icon shape="align-bottom" type="solid"></bp-icon>
<bp-icon shape="align-center" type="solid"></bp-icon>
<bp-icon shape="align-left" type="solid"></bp-icon>
<bp-icon shape="align-left-text" type="solid"></bp-icon>
<bp-icon shape="align-middle" type="solid"></bp-icon>
<bp-icon shape="align-right" type="solid"></bp-icon>
<bp-icon shape="align-right-text" type="solid"></bp-icon>
<bp-icon shape="align-top" type="solid"></bp-icon>
<bp-icon shape="analytics" type="solid"></bp-icon>
<bp-icon shape="angle-double" type="solid"></bp-icon>
<bp-icon shape="angle" type="solid"></bp-icon>
<bp-icon shape="animation" type="solid"></bp-icon>
<bp-icon shape="application" type="solid"></bp-icon>
<bp-icon shape="applications" type="solid"></bp-icon>
<bp-icon shape="archive" type="solid"></bp-icon>
<bp-icon shape="arrow" type="solid"></bp-icon>
<bp-icon shape="assign-user" type="solid"></bp-icon>
<bp-icon shape="asterisk" type="solid"></bp-icon>
<bp-icon shape="atom" type="solid"></bp-icon>
<bp-icon shape="attachment" type="solid"></bp-icon>
<bp-icon shape="auto" type="solid"></bp-icon>
<bp-icon shape="avatar" type="solid"></bp-icon>
<bp-icon shape="axis-chart" type="solid"></bp-icon>
<bp-icon shape="backup" type="solid"></bp-icon>
<bp-icon shape="backup-restore" type="solid"></bp-icon>
<bp-icon shape="balance" type="solid"></bp-icon>
<bp-icon shape="ban" type="solid"></bp-icon>
<bp-icon shape="bank" type="solid"></bp-icon>
<bp-icon shape="bar-chart" type="solid"></bp-icon>
<bp-icon shape="bar-code" type="solid"></bp-icon>
<bp-icon shape="bars" type="solid"></bp-icon>
<bp-icon shape="battery" type="solid"></bp-icon>
<bp-icon shape="bell-curve" type="solid"></bp-icon>
<bp-icon shape="bell" type="solid"></bp-icon>
<bp-icon shape="beta" type="solid"></bp-icon>
<bp-icon shape="bicycle" type="solid"></bp-icon>
<bp-icon shape="bitcoin" type="solid"></bp-icon>
<bp-icon shape="block" type="solid"></bp-icon>
<bp-icon shape="block-quote" type="solid"></bp-icon>
<bp-icon shape="blocks-group" type="solid"></bp-icon>
<bp-icon shape="bluetooth" type="solid"></bp-icon>
<bp-icon shape="bluetooth-off" type="solid"></bp-icon>
<bp-icon shape="boat" type="solid"></bp-icon>
<bp-icon shape="bold" type="solid"></bp-icon>
<bp-icon shape="bolt" type="solid"></bp-icon>
<bp-icon shape="book" type="solid"></bp-icon>
<bp-icon shape="bookmark" type="solid"></bp-icon>
<bp-icon shape="box-plot" type="solid"></bp-icon>
<bp-icon shape="briefcase" type="solid"></bp-icon>
<bp-icon shape="bubble-chart" type="solid"></bp-icon>
<bp-icon shape="bubble-exclamation" type="solid"></bp-icon>
<bp-icon shape="bug" type="solid"></bp-icon>
<bp-icon shape="building" type="solid"></bp-icon>
<bp-icon shape="bullet-list" type="solid"></bp-icon>
<bp-icon shape="bullseye" type="solid"></bp-icon>
<bp-icon shape="bundle" type="solid"></bp-icon>
<bp-icon shape="calculator" type="solid"></bp-icon>
<bp-icon shape="calendar" type="solid"></bp-icon>
<bp-icon shape="camera" type="solid"></bp-icon>
<bp-icon shape="campervan" type="solid"></bp-icon>
<bp-icon shape="capacitor" type="solid"></bp-icon>
<bp-icon shape="car" type="solid"></bp-icon>
<bp-icon shape="caravan" type="solid"></bp-icon>
<bp-icon shape="caret" type="solid"></bp-icon>
<bp-icon shape="cd-dvd" type="solid"></bp-icon>
<bp-icon shape="center-text" type="solid"></bp-icon>
<bp-icon shape="certificate" type="solid"></bp-icon>
<bp-icon shape="chat-bubble" type="solid"></bp-icon>
<bp-icon shape="check" type="solid"></bp-icon>
<bp-icon shape="checkbox-list" type="solid"></bp-icon>
<bp-icon shape="child-arrow" type="solid"></bp-icon>
<bp-icon shape="ci-cd" type="solid"></bp-icon>
<bp-icon shape="circle-arrow" type="solid"></bp-icon>
<bp-icon shape="circle" type="solid"></bp-icon>
<bp-icon shape="clipboard" type="solid"></bp-icon>
<bp-icon shape="clock" type="solid"></bp-icon>
<bp-icon shape="clone" type="solid"></bp-icon>
<bp-icon shape="close-circle" type="solid"></bp-icon>
<bp-icon shape="close" type="solid"></bp-icon>
<bp-icon shape="cloud-chart" type="solid"></bp-icon>
<bp-icon shape="cloud" type="solid"></bp-icon>
<bp-icon shape="cloud-network" type="solid"></bp-icon>
<bp-icon shape="cloud-scale" type="solid"></bp-icon>
<bp-icon shape="cloud-traffic" type="solid"></bp-icon>
<bp-icon shape="cluster" type="solid"></bp-icon>
<bp-icon shape="code" type="solid"></bp-icon>
<bp-icon shape="cog" type="solid"></bp-icon>
<bp-icon shape="coin-bag" type="solid"></bp-icon>
<bp-icon shape="collapse-card" type="solid"></bp-icon>
<bp-icon shape="collapse" type="solid"></bp-icon>
<bp-icon shape="color-palette" type="solid"></bp-icon>
<bp-icon shape="color-picker" type="solid"></bp-icon>
<bp-icon shape="command" type="solid"></bp-icon>
<bp-icon shape="compass" type="solid"></bp-icon>
<bp-icon shape="computer" type="solid"></bp-icon>
<bp-icon shape="connect" type="solid"></bp-icon>
<bp-icon shape="container" type="solid"></bp-icon>
<bp-icon shape="container-volume" type="solid"></bp-icon>
<bp-icon shape="contract" type="solid"></bp-icon>
<bp-icon shape="control-lun" type="solid"></bp-icon>
<bp-icon shape="copy" type="solid"></bp-icon>
<bp-icon shape="copy-to-clipboard" type="solid"></bp-icon>
<bp-icon shape="cpu" type="solid"></bp-icon>
<bp-icon shape="credit-card" type="solid"></bp-icon>
<bp-icon shape="crosshairs" type="solid"></bp-icon>
<bp-icon shape="crown" type="solid"></bp-icon>
<bp-icon shape="cursor-arrow" type="solid"></bp-icon>
<bp-icon shape="cursor-hand-click" type="solid"></bp-icon>
<bp-icon shape="cursor-hand-grab" type="solid"></bp-icon>
<bp-icon shape="cursor-hand" type="solid"></bp-icon>
<bp-icon shape="cursor-hand-open" type="solid"></bp-icon>
<bp-icon shape="cursor-move" type="solid"></bp-icon>
<bp-icon shape="curve-chart" type="solid"></bp-icon>
<bp-icon shape="dashboard" type="solid"></bp-icon>
<bp-icon shape="data-cluster" type="solid"></bp-icon>
<bp-icon shape="date" type="solid"></bp-icon>
<bp-icon shape="deploy" type="solid"></bp-icon>
<bp-icon shape="design" type="solid"></bp-icon>
<bp-icon shape="details" type="solid"></bp-icon>
<bp-icon shape="devices" type="solid"></bp-icon>
<bp-icon shape="digital-signature" type="solid"></bp-icon>
<bp-icon shape="directory" type="solid"></bp-icon>
<bp-icon shape="disconnect" type="solid"></bp-icon>
<bp-icon shape="disconnected" type="solid"></bp-icon>
<bp-icon shape="display" type="solid"></bp-icon>
<bp-icon shape="dna" type="solid"></bp-icon>
<bp-icon shape="document" type="solid"></bp-icon>
<bp-icon shape="dollar-bill" type="solid"></bp-icon>
<bp-icon shape="dollar" type="solid"></bp-icon>
<bp-icon shape="dot-circle" type="solid"></bp-icon>
<bp-icon shape="download-cloud" type="solid"></bp-icon>
<bp-icon shape="download" type="solid"></bp-icon>
<bp-icon shape="drag-handle-corner" type="solid"></bp-icon>
<bp-icon shape="drag-handle" type="solid"></bp-icon>
<bp-icon shape="e-check" type="solid"></bp-icon>
<bp-icon shape="edit" type="solid"></bp-icon>
<bp-icon shape="ellipsis-horizontal" type="solid"></bp-icon>
<bp-icon shape="ellipsis-vertical" type="solid"></bp-icon>
<bp-icon shape="email" type="solid"></bp-icon>
<bp-icon shape="employee-group" type="solid"></bp-icon>
<bp-icon shape="employee" type="solid"></bp-icon>
<bp-icon shape="envelope" type="solid"></bp-icon>
<bp-icon shape="eraser" type="solid"></bp-icon>
<bp-icon shape="error" type="solid"></bp-icon>
<bp-icon shape="euro" type="solid"></bp-icon>
<bp-icon shape="event" type="solid"></bp-icon>
<bp-icon shape="expand-card" type="solid"></bp-icon>
<bp-icon shape="export" type="solid"></bp-icon>
<bp-icon shape="eye-hide" type="solid"></bp-icon>
<bp-icon shape="eye" type="solid"></bp-icon>
<bp-icon shape="factory" type="solid"></bp-icon>
<bp-icon shape="fast-forward" type="solid"></bp-icon>
<bp-icon shape="favorite" type="solid"></bp-icon>
<bp-icon shape="ferry" type="solid"></bp-icon>
<bp-icon shape="file-group" type="solid"></bp-icon>
<bp-icon shape="file" type="solid"></bp-icon>
<bp-icon shape="file-settings" type="solid"></bp-icon>
<bp-icon shape="file-share-2" type="solid"></bp-icon>
<bp-icon shape="file-share" type="solid"></bp-icon>
<bp-icon shape="file-zip" type="solid"></bp-icon>
<bp-icon shape="film-strip" type="solid"></bp-icon>
<bp-icon shape="filter-2" type="solid"></bp-icon>
<bp-icon shape="filter" type="solid"></bp-icon>
<bp-icon shape="filter-off" type="solid"></bp-icon>
<bp-icon shape="firewall" type="solid"></bp-icon>
<bp-icon shape="first-aid-kit" type="solid"></bp-icon>
<bp-icon shape="fish" type="solid"></bp-icon>
<bp-icon shape="flag" type="solid"></bp-icon>
<bp-icon shape="flame" type="solid"></bp-icon>
<bp-icon shape="flask" type="solid"></bp-icon>
<bp-icon shape="floppy" type="solid"></bp-icon>
<bp-icon shape="flow-chart" type="solid"></bp-icon>
<bp-icon shape="folder" type="solid"></bp-icon>
<bp-icon shape="folder-open" type="solid"></bp-icon>
<bp-icon shape="font-size" type="solid"></bp-icon>
<bp-icon shape="forking" type="solid"></bp-icon>
<bp-icon shape="form" type="solid"></bp-icon>
<bp-icon shape="fuel" type="solid"></bp-icon>
<bp-icon shape="gavel" type="solid"></bp-icon>
<bp-icon shape="grid-chart" type="solid"></bp-icon>
<bp-icon shape="grid-view" type="solid"></bp-icon>
<bp-icon shape="group" type="solid"></bp-icon>
<bp-icon shape="half-star" type="solid"></bp-icon>
<bp-icon shape="happy-face" type="solid"></bp-icon>
<bp-icon shape="hard-disk" type="solid"></bp-icon>
<bp-icon shape="hard-drive-disks" type="solid"></bp-icon>
<bp-icon shape="hard-drive" type="solid"></bp-icon>
<bp-icon shape="hashtag" type="solid"></bp-icon>
<bp-icon shape="headphones" type="solid"></bp-icon>
<bp-icon shape="heart-broken" type="solid"></bp-icon>
<bp-icon shape="heart" type="solid"></bp-icon>
<bp-icon shape="heat-map" type="solid"></bp-icon>
<bp-icon shape="helix" type="solid"></bp-icon>
<bp-icon shape="help-info" type="solid"></bp-icon>
<bp-icon shape="help" type="solid"></bp-icon>
<bp-icon shape="highlighter" type="solid"></bp-icon>
<bp-icon shape="history" type="solid"></bp-icon>
<bp-icon shape="home" type="solid"></bp-icon>
<bp-icon shape="host-group" type="solid"></bp-icon>
<bp-icon shape="host" type="solid"></bp-icon>
<bp-icon shape="hourglass" type="solid"></bp-icon>
<bp-icon shape="id-badge" type="solid"></bp-icon>
<bp-icon shape="image-gallery" type="solid"></bp-icon>
<bp-icon shape="image" type="solid"></bp-icon>
<bp-icon shape="import" type="solid"></bp-icon>
<bp-icon shape="inbox" type="solid"></bp-icon>
<bp-icon shape="indent" type="solid"></bp-icon>
<bp-icon shape="inductor" type="solid"></bp-icon>
<bp-icon shape="info" type="solid"></bp-icon>
<bp-icon shape="install" type="solid"></bp-icon>
<bp-icon shape="internet-of-things" type="solid"></bp-icon>
<bp-icon shape="italic" type="solid"></bp-icon>
<bp-icon shape="justify-text" type="solid"></bp-icon>
<bp-icon shape="key" type="solid"></bp-icon>
<bp-icon shape="keyboard" type="solid"></bp-icon>
<bp-icon shape="landscape" type="solid"></bp-icon>
<bp-icon shape="language" type="solid"></bp-icon>
<bp-icon shape="launchpad" type="solid"></bp-icon>
<bp-icon shape="layers" type="solid"></bp-icon>
<bp-icon shape="library" type="solid"></bp-icon>
<bp-icon shape="license" type="solid"></bp-icon>
<bp-icon shape="lightbulb" type="solid"></bp-icon>
<bp-icon shape="lightning" type="solid"></bp-icon>
<bp-icon shape="line-chart" type="solid"></bp-icon>
<bp-icon shape="link" type="solid"></bp-icon>
<bp-icon shape="list" type="solid"></bp-icon>
<bp-icon shape="lock" type="solid"></bp-icon>
<bp-icon shape="login" type="solid"></bp-icon>
<bp-icon shape="logout" type="solid"></bp-icon>
<bp-icon shape="map" type="solid"></bp-icon>
<bp-icon shape="map-marker" type="solid"></bp-icon>
<bp-icon shape="media-changer" type="solid"></bp-icon>
<bp-icon shape="memory" type="solid"></bp-icon>
<bp-icon shape="menu" type="solid"></bp-icon>
<bp-icon shape="microphone" type="solid"></bp-icon>
<bp-icon shape="microphone-mute" type="solid"></bp-icon>
<bp-icon shape="minus-circle" type="solid"></bp-icon>
<bp-icon shape="minus" type="solid"></bp-icon>
<bp-icon shape="mobile" type="solid"></bp-icon>
<bp-icon shape="mobile-phone" type="solid"></bp-icon>
<bp-icon shape="moon" type="solid"></bp-icon>
<bp-icon shape="mouse" type="solid"></bp-icon>
<bp-icon shape="music-note" type="solid"></bp-icon>
<bp-icon shape="namespace" type="solid"></bp-icon>
<bp-icon shape="network-globe" type="solid"></bp-icon>
<bp-icon shape="network-settings" type="solid"></bp-icon>
<bp-icon shape="network-switch" type="solid"></bp-icon>
<bp-icon shape="neutral-face" type="solid"></bp-icon>
<bp-icon shape="new" type="solid"></bp-icon>
<bp-icon shape="no-access" type="solid"></bp-icon>
<bp-icon shape="no-wifi" type="solid"></bp-icon>
<bp-icon shape="node-group" type="solid"></bp-icon>
<bp-icon shape="node" type="solid"></bp-icon>
<bp-icon shape="nodes" type="solid"></bp-icon>
<bp-icon shape="note" type="solid"></bp-icon>
<bp-icon shape="notification" type="solid"></bp-icon>
<bp-icon shape="number-list" type="solid"></bp-icon>
<bp-icon shape="objects" type="solid"></bp-icon>
<bp-icon shape="on-holiday" type="solid"></bp-icon>
<bp-icon shape="organization" type="solid"></bp-icon>
<bp-icon shape="outdent" type="solid"></bp-icon>
<bp-icon shape="paint-roller" type="solid"></bp-icon>
<bp-icon shape="paperclip" type="solid"></bp-icon>
<bp-icon shape="paste" type="solid"></bp-icon>
<bp-icon shape="pause" type="solid"></bp-icon>
<bp-icon shape="pencil" type="solid"></bp-icon>
<bp-icon shape="peso" type="solid"></bp-icon>
<bp-icon shape="phone-handset" type="solid"></bp-icon>
<bp-icon shape="picture" type="solid"></bp-icon>
<bp-icon shape="pie-chart" type="solid"></bp-icon>
<bp-icon shape="piggy-bank" type="solid"></bp-icon>
<bp-icon shape="pin" type="solid"></bp-icon>
<bp-icon shape="pinboard" type="solid"></bp-icon>
<bp-icon shape="plane" type="solid"></bp-icon>
<bp-icon shape="play" type="solid"></bp-icon>
<bp-icon shape="plugin" type="solid"></bp-icon>
<bp-icon shape="pod" type="solid"></bp-icon>
<bp-icon shape="pop-out" type="solid"></bp-icon>
<bp-icon shape="portrait" type="solid"></bp-icon>
<bp-icon shape="pound" type="solid"></bp-icon>
<bp-icon shape="power" type="solid"></bp-icon>
<bp-icon shape="printer" type="solid"></bp-icon>
<bp-icon shape="qr-code" type="solid"></bp-icon>
<bp-icon shape="rack-server" type="solid"></bp-icon>
<bp-icon shape="radar" type="solid"></bp-icon>
<bp-icon shape="receiver" type="solid"></bp-icon>
<bp-icon shape="recycle" type="solid"></bp-icon>
<bp-icon shape="redo" type="solid"></bp-icon>
<bp-icon shape="refresh" type="solid"></bp-icon>
<bp-icon shape="repeat" type="solid"></bp-icon>
<bp-icon shape="replay-all" type="solid"></bp-icon>
<bp-icon shape="replay-one" type="solid"></bp-icon>
<bp-icon shape="resistor" type="solid"></bp-icon>
<bp-icon shape="resize-down" type="solid"></bp-icon>
<bp-icon shape="resize" type="solid"></bp-icon>
<bp-icon shape="resource-pool" type="solid"></bp-icon>
<bp-icon shape="rewind" type="solid"></bp-icon>
<bp-icon shape="router" type="solid"></bp-icon>
<bp-icon shape="ruble" type="solid"></bp-icon>
<bp-icon shape="ruler-pencil" type="solid"></bp-icon>
<bp-icon shape="rupee" type="solid"></bp-icon>
<bp-icon shape="sad-face" type="solid"></bp-icon>
<bp-icon shape="savings" type="solid"></bp-icon>
<bp-icon shape="scatter-plot" type="solid"></bp-icon>
<bp-icon shape="scissors" type="solid"></bp-icon>
<bp-icon shape="scroll" type="solid"></bp-icon>
<bp-icon shape="search" type="solid"></bp-icon>
<bp-icon shape="server" type="solid"></bp-icon>
<bp-icon shape="settings" type="solid"></bp-icon>
<bp-icon shape="share" type="solid"></bp-icon>
<bp-icon shape="shield-check" type="solid"></bp-icon>
<bp-icon shape="shield" type="solid"></bp-icon>
<bp-icon shape="shield-x" type="solid"></bp-icon>
<bp-icon shape="shopping-bag" type="solid"></bp-icon>
<bp-icon shape="shopping-cart" type="solid"></bp-icon>
<bp-icon shape="shrink" type="solid"></bp-icon>
<bp-icon shape="shuffle" type="solid"></bp-icon>
<bp-icon shape="sign-in" type="solid"></bp-icon>
<bp-icon shape="sign-out" type="solid"></bp-icon>
<bp-icon shape="slider" type="solid"></bp-icon>
<bp-icon shape="snowflake" type="solid"></bp-icon>
<bp-icon shape="sort-by" type="solid"></bp-icon>
<bp-icon shape="squid" type="solid"></bp-icon>
<bp-icon shape="ssd" type="solid"></bp-icon>
<bp-icon shape="star" type="solid"></bp-icon>
<bp-icon shape="step-forward-2" type="solid"></bp-icon>
<bp-icon shape="step-forward" type="solid"></bp-icon>
<bp-icon shape="stop" type="solid"></bp-icon>
<bp-icon shape="storage-adapter" type="solid"></bp-icon>
<bp-icon shape="storage" type="solid"></bp-icon>
<bp-icon shape="store" type="solid"></bp-icon>
<bp-icon shape="strikethrough" type="solid"></bp-icon>
<bp-icon shape="subscript" type="solid"></bp-icon>
<bp-icon shape="success" type="solid"></bp-icon>
<bp-icon shape="sun" type="solid"></bp-icon>
<bp-icon shape="superscript" type="solid"></bp-icon>
<bp-icon shape="switch" type="solid"></bp-icon>
<bp-icon shape="sync" type="solid"></bp-icon>
<bp-icon shape="table" type="solid"></bp-icon>
<bp-icon shape="tablet" type="solid"></bp-icon>
<bp-icon shape="tag" type="solid"></bp-icon>
<bp-icon shape="tags" type="solid"></bp-icon>
<bp-icon shape="talk-bubbles" type="solid"></bp-icon>
<bp-icon shape="tape-drive" type="solid"></bp-icon>
<bp-icon shape="target" type="solid"></bp-icon>
<bp-icon shape="tasks" type="solid"></bp-icon>
<bp-icon shape="terminal" type="solid"></bp-icon>
<bp-icon shape="text-color" type="solid"></bp-icon>
<bp-icon shape="text" type="solid"></bp-icon>
<bp-icon shape="thermometer" type="solid"></bp-icon>
<bp-icon shape="thin-client" type="solid"></bp-icon>
<bp-icon shape="thumbs-down" type="solid"></bp-icon>
<bp-icon shape="thumbs-up" type="solid"></bp-icon>
<bp-icon shape="tick-chart" type="solid"></bp-icon>
<bp-icon shape="timeline" type="solid"></bp-icon>
<bp-icon shape="tools" type="solid"></bp-icon>
<bp-icon shape="trailer" type="solid"></bp-icon>
<bp-icon shape="trash" type="solid"></bp-icon>
<bp-icon shape="tree" type="solid"></bp-icon>
<bp-icon shape="tree-view" type="solid"></bp-icon>
<bp-icon shape="truck" type="solid"></bp-icon>
<bp-icon shape="two-way-arrows" type="solid"></bp-icon>
<bp-icon shape="unarchive" type="solid"></bp-icon>
<bp-icon shape="underline" type="solid"></bp-icon>
<bp-icon shape="undo" type="solid"></bp-icon>
<bp-icon shape="uninstall" type="solid"></bp-icon>
<bp-icon shape="unknown-status" type="solid"></bp-icon>
<bp-icon shape="unlink" type="solid"></bp-icon>
<bp-icon shape="unlock" type="solid"></bp-icon>
<bp-icon shape="update" type="solid"></bp-icon>
<bp-icon shape="upload-cloud" type="solid"></bp-icon>
<bp-icon shape="upload" type="solid"></bp-icon>
<bp-icon shape="usb" type="solid"></bp-icon>
<bp-icon shape="user" type="solid"></bp-icon>
<bp-icon shape="users" type="solid"></bp-icon>
<bp-icon shape="video-camera" type="solid"></bp-icon>
<bp-icon shape="video-gallery" type="solid"></bp-icon>
<bp-icon shape="view-cards" type="solid"></bp-icon>
<bp-icon shape="view-columns" type="solid"></bp-icon>
<bp-icon shape="view-list" type="solid"></bp-icon>
<bp-icon shape="volume-down" type="solid"></bp-icon>
<bp-icon shape="volume" type="solid"></bp-icon>
<bp-icon shape="volume-mute" type="solid"></bp-icon>
<bp-icon shape="volume-up" type="solid"></bp-icon>
<bp-icon shape="wallet" type="solid"></bp-icon>
<bp-icon shape="wand" type="solid"></bp-icon>
<bp-icon shape="warning" type="solid"></bp-icon>
<bp-icon shape="wifi" type="solid"></bp-icon>
<bp-icon shape="window-max" type="solid"></bp-icon>
<bp-icon shape="window-min" type="solid"></bp-icon>
<bp-icon shape="window-restore" type="solid"></bp-icon>
<bp-icon shape="won" type="solid"></bp-icon>
<bp-icon shape="world" type="solid"></bp-icon>
<bp-icon shape="wrench" type="solid"></bp-icon>
<bp-icon shape="yen" type="solid"></bp-icon>
<bp-icon shape="zoom-in" type="solid"></bp-icon>
<bp-icon shape="zoom-out" type="solid"></bp-icon>
</div>
Badge
code
<script type="module">
import '@blueprintui/icons/include.js';
import '@blueprintui/icons/shapes/accessibility.js';
import '@blueprintui/icons/shapes/accessibility-two.js';
import '@blueprintui/icons/shapes/add-circle.js';
import '@blueprintui/icons/shapes/add.js';
import '@blueprintui/icons/shapes/add-text.js';
import '@blueprintui/icons/shapes/administrator.js';
import '@blueprintui/icons/shapes/airplane.js';
import '@blueprintui/icons/shapes/alarm-clock.js';
import '@blueprintui/icons/shapes/alarm-off.js';
import '@blueprintui/icons/shapes/alert.js';
import '@blueprintui/icons/shapes/align-bottom.js';
import '@blueprintui/icons/shapes/align-center.js';
import '@blueprintui/icons/shapes/align-left.js';
import '@blueprintui/icons/shapes/align-left-text.js';
import '@blueprintui/icons/shapes/align-middle.js';
import '@blueprintui/icons/shapes/align-right.js';
import '@blueprintui/icons/shapes/align-right-text.js';
import '@blueprintui/icons/shapes/align-top.js';
import '@blueprintui/icons/shapes/analytics.js';
import '@blueprintui/icons/shapes/angle-double.js';
import '@blueprintui/icons/shapes/angle.js';
import '@blueprintui/icons/shapes/animation.js';
import '@blueprintui/icons/shapes/application.js';
import '@blueprintui/icons/shapes/applications.js';
import '@blueprintui/icons/shapes/archive.js';
import '@blueprintui/icons/shapes/arrow.js';
import '@blueprintui/icons/shapes/assign-user.js';
import '@blueprintui/icons/shapes/asterisk.js';
import '@blueprintui/icons/shapes/atom.js';
import '@blueprintui/icons/shapes/attachment.js';
import '@blueprintui/icons/shapes/auto.js';
import '@blueprintui/icons/shapes/avatar.js';
import '@blueprintui/icons/shapes/axis-chart.js';
import '@blueprintui/icons/shapes/backup.js';
import '@blueprintui/icons/shapes/backup-restore.js';
import '@blueprintui/icons/shapes/balance.js';
import '@blueprintui/icons/shapes/ban.js';
import '@blueprintui/icons/shapes/bank.js';
import '@blueprintui/icons/shapes/bar-chart.js';
import '@blueprintui/icons/shapes/bar-code.js';
import '@blueprintui/icons/shapes/bars.js';
import '@blueprintui/icons/shapes/battery.js';
import '@blueprintui/icons/shapes/bell-curve.js';
import '@blueprintui/icons/shapes/bell.js';
import '@blueprintui/icons/shapes/beta.js';
import '@blueprintui/icons/shapes/bicycle.js';
import '@blueprintui/icons/shapes/bitcoin.js';
import '@blueprintui/icons/shapes/block.js';
import '@blueprintui/icons/shapes/block-quote.js';
import '@blueprintui/icons/shapes/blocks-group.js';
import '@blueprintui/icons/shapes/bluetooth.js';
import '@blueprintui/icons/shapes/bluetooth-off.js';
import '@blueprintui/icons/shapes/boat.js';
import '@blueprintui/icons/shapes/bold.js';
import '@blueprintui/icons/shapes/bolt.js';
import '@blueprintui/icons/shapes/book.js';
import '@blueprintui/icons/shapes/bookmark.js';
import '@blueprintui/icons/shapes/box-plot.js';
import '@blueprintui/icons/shapes/briefcase.js';
import '@blueprintui/icons/shapes/bubble-chart.js';
import '@blueprintui/icons/shapes/bubble-exclamation.js';
import '@blueprintui/icons/shapes/bug.js';
import '@blueprintui/icons/shapes/building.js';
import '@blueprintui/icons/shapes/bullet-list.js';
import '@blueprintui/icons/shapes/bullseye.js';
import '@blueprintui/icons/shapes/bundle.js';
import '@blueprintui/icons/shapes/calculator.js';
import '@blueprintui/icons/shapes/calendar.js';
import '@blueprintui/icons/shapes/camera.js';
import '@blueprintui/icons/shapes/campervan.js';
import '@blueprintui/icons/shapes/capacitor.js';
import '@blueprintui/icons/shapes/car.js';
import '@blueprintui/icons/shapes/caravan.js';
import '@blueprintui/icons/shapes/caret.js';
import '@blueprintui/icons/shapes/cd-dvd.js';
import '@blueprintui/icons/shapes/center-text.js';
import '@blueprintui/icons/shapes/certificate.js';
import '@blueprintui/icons/shapes/chat-bubble.js';
import '@blueprintui/icons/shapes/check.js';
import '@blueprintui/icons/shapes/checkbox-list.js';
import '@blueprintui/icons/shapes/child-arrow.js';
import '@blueprintui/icons/shapes/ci-cd.js';
import '@blueprintui/icons/shapes/circle-arrow.js';
import '@blueprintui/icons/shapes/circle.js';
import '@blueprintui/icons/shapes/clipboard.js';
import '@blueprintui/icons/shapes/clock.js';
import '@blueprintui/icons/shapes/clone.js';
import '@blueprintui/icons/shapes/close-circle.js';
import '@blueprintui/icons/shapes/close.js';
import '@blueprintui/icons/shapes/cloud-chart.js';
import '@blueprintui/icons/shapes/cloud.js';
import '@blueprintui/icons/shapes/cloud-network.js';
import '@blueprintui/icons/shapes/cloud-scale.js';
import '@blueprintui/icons/shapes/cloud-traffic.js';
import '@blueprintui/icons/shapes/cluster.js';
import '@blueprintui/icons/shapes/code.js';
import '@blueprintui/icons/shapes/cog.js';
import '@blueprintui/icons/shapes/coin-bag.js';
import '@blueprintui/icons/shapes/collapse-card.js';
import '@blueprintui/icons/shapes/collapse.js';
import '@blueprintui/icons/shapes/color-palette.js';
import '@blueprintui/icons/shapes/color-picker.js';
import '@blueprintui/icons/shapes/command.js';
import '@blueprintui/icons/shapes/compass.js';
import '@blueprintui/icons/shapes/computer.js';
import '@blueprintui/icons/shapes/connect.js';
import '@blueprintui/icons/shapes/container.js';
import '@blueprintui/icons/shapes/container-volume.js';
import '@blueprintui/icons/shapes/contract.js';
import '@blueprintui/icons/shapes/control-lun.js';
import '@blueprintui/icons/shapes/copy.js';
import '@blueprintui/icons/shapes/copy-to-clipboard.js';
import '@blueprintui/icons/shapes/cpu.js';
import '@blueprintui/icons/shapes/credit-card.js';
import '@blueprintui/icons/shapes/crosshairs.js';
import '@blueprintui/icons/shapes/crown.js';
import '@blueprintui/icons/shapes/cursor-arrow.js';
import '@blueprintui/icons/shapes/cursor-hand-click.js';
import '@blueprintui/icons/shapes/cursor-hand-grab.js';
import '@blueprintui/icons/shapes/cursor-hand.js';
import '@blueprintui/icons/shapes/cursor-hand-open.js';
import '@blueprintui/icons/shapes/cursor-move.js';
import '@blueprintui/icons/shapes/curve-chart.js';
import '@blueprintui/icons/shapes/dashboard.js';
import '@blueprintui/icons/shapes/data-cluster.js';
import '@blueprintui/icons/shapes/date.js';
import '@blueprintui/icons/shapes/deploy.js';
import '@blueprintui/icons/shapes/design.js';
import '@blueprintui/icons/shapes/details.js';
import '@blueprintui/icons/shapes/devices.js';
import '@blueprintui/icons/shapes/digital-signature.js';
import '@blueprintui/icons/shapes/directory.js';
import '@blueprintui/icons/shapes/disconnect.js';
import '@blueprintui/icons/shapes/disconnected.js';
import '@blueprintui/icons/shapes/display.js';
import '@blueprintui/icons/shapes/dna.js';
import '@blueprintui/icons/shapes/document.js';
import '@blueprintui/icons/shapes/dollar-bill.js';
import '@blueprintui/icons/shapes/dollar.js';
import '@blueprintui/icons/shapes/dot-circle.js';
import '@blueprintui/icons/shapes/download-cloud.js';
import '@blueprintui/icons/shapes/download.js';
import '@blueprintui/icons/shapes/drag-handle-corner.js';
import '@blueprintui/icons/shapes/drag-handle.js';
import '@blueprintui/icons/shapes/e-check.js';
import '@blueprintui/icons/shapes/edit.js';
import '@blueprintui/icons/shapes/ellipsis-horizontal.js';
import '@blueprintui/icons/shapes/ellipsis-vertical.js';
import '@blueprintui/icons/shapes/email.js';
import '@blueprintui/icons/shapes/employee-group.js';
import '@blueprintui/icons/shapes/employee.js';
import '@blueprintui/icons/shapes/envelope.js';
import '@blueprintui/icons/shapes/eraser.js';
import '@blueprintui/icons/shapes/error.js';
import '@blueprintui/icons/shapes/euro.js';
import '@blueprintui/icons/shapes/event.js';
import '@blueprintui/icons/shapes/expand-card.js';
import '@blueprintui/icons/shapes/export.js';
import '@blueprintui/icons/shapes/eye-hide.js';
import '@blueprintui/icons/shapes/eye.js';
import '@blueprintui/icons/shapes/factory.js';
import '@blueprintui/icons/shapes/fast-forward.js';
import '@blueprintui/icons/shapes/favorite.js';
import '@blueprintui/icons/shapes/ferry.js';
import '@blueprintui/icons/shapes/file-group.js';
import '@blueprintui/icons/shapes/file.js';
import '@blueprintui/icons/shapes/file-settings.js';
import '@blueprintui/icons/shapes/file-share-2.js';
import '@blueprintui/icons/shapes/file-share.js';
import '@blueprintui/icons/shapes/file-zip.js';
import '@blueprintui/icons/shapes/film-strip.js';
import '@blueprintui/icons/shapes/filter-2.js';
import '@blueprintui/icons/shapes/filter.js';
import '@blueprintui/icons/shapes/filter-off.js';
import '@blueprintui/icons/shapes/firewall.js';
import '@blueprintui/icons/shapes/first-aid-kit.js';
import '@blueprintui/icons/shapes/fish.js';
import '@blueprintui/icons/shapes/flag.js';
import '@blueprintui/icons/shapes/flame.js';
import '@blueprintui/icons/shapes/flask.js';
import '@blueprintui/icons/shapes/floppy.js';
import '@blueprintui/icons/shapes/flow-chart.js';
import '@blueprintui/icons/shapes/folder.js';
import '@blueprintui/icons/shapes/folder-open.js';
import '@blueprintui/icons/shapes/font-size.js';
import '@blueprintui/icons/shapes/forking.js';
import '@blueprintui/icons/shapes/form.js';
import '@blueprintui/icons/shapes/fuel.js';
import '@blueprintui/icons/shapes/gavel.js';
import '@blueprintui/icons/shapes/grid-chart.js';
import '@blueprintui/icons/shapes/grid-view.js';
import '@blueprintui/icons/shapes/group.js';
import '@blueprintui/icons/shapes/half-star.js';
import '@blueprintui/icons/shapes/happy-face.js';
import '@blueprintui/icons/shapes/hard-disk.js';
import '@blueprintui/icons/shapes/hard-drive-disks.js';
import '@blueprintui/icons/shapes/hard-drive.js';
import '@blueprintui/icons/shapes/hashtag.js';
import '@blueprintui/icons/shapes/headphones.js';
import '@blueprintui/icons/shapes/heart-broken.js';
import '@blueprintui/icons/shapes/heart.js';
import '@blueprintui/icons/shapes/heat-map.js';
import '@blueprintui/icons/shapes/helix.js';
import '@blueprintui/icons/shapes/help-info.js';
import '@blueprintui/icons/shapes/help.js';
import '@blueprintui/icons/shapes/highlighter.js';
import '@blueprintui/icons/shapes/history.js';
import '@blueprintui/icons/shapes/home.js';
import '@blueprintui/icons/shapes/host-group.js';
import '@blueprintui/icons/shapes/host.js';
import '@blueprintui/icons/shapes/hourglass.js';
import '@blueprintui/icons/shapes/id-badge.js';
import '@blueprintui/icons/shapes/image-gallery.js';
import '@blueprintui/icons/shapes/image.js';
import '@blueprintui/icons/shapes/import.js';
import '@blueprintui/icons/shapes/inbox.js';
import '@blueprintui/icons/shapes/indent.js';
import '@blueprintui/icons/shapes/inductor.js';
import '@blueprintui/icons/shapes/info.js';
import '@blueprintui/icons/shapes/install.js';
import '@blueprintui/icons/shapes/internet-of-things.js';
import '@blueprintui/icons/shapes/italic.js';
import '@blueprintui/icons/shapes/justify-text.js';
import '@blueprintui/icons/shapes/key.js';
import '@blueprintui/icons/shapes/keyboard.js';
import '@blueprintui/icons/shapes/landscape.js';
import '@blueprintui/icons/shapes/language.js';
import '@blueprintui/icons/shapes/launchpad.js';
import '@blueprintui/icons/shapes/layers.js';
import '@blueprintui/icons/shapes/library.js';
import '@blueprintui/icons/shapes/license.js';
import '@blueprintui/icons/shapes/lightbulb.js';
import '@blueprintui/icons/shapes/lightning.js';
import '@blueprintui/icons/shapes/line-chart.js';
import '@blueprintui/icons/shapes/link.js';
import '@blueprintui/icons/shapes/list.js';
import '@blueprintui/icons/shapes/lock.js';
import '@blueprintui/icons/shapes/login.js';
import '@blueprintui/icons/shapes/logout.js';
import '@blueprintui/icons/shapes/map.js';
import '@blueprintui/icons/shapes/map-marker.js';
import '@blueprintui/icons/shapes/media-changer.js';
import '@blueprintui/icons/shapes/memory.js';
import '@blueprintui/icons/shapes/menu.js';
import '@blueprintui/icons/shapes/microphone.js';
import '@blueprintui/icons/shapes/microphone-mute.js';
import '@blueprintui/icons/shapes/minus-circle.js';
import '@blueprintui/icons/shapes/minus.js';
import '@blueprintui/icons/shapes/mobile.js';
import '@blueprintui/icons/shapes/mobile-phone.js';
import '@blueprintui/icons/shapes/moon.js';
import '@blueprintui/icons/shapes/mouse.js';
import '@blueprintui/icons/shapes/music-note.js';
import '@blueprintui/icons/shapes/namespace.js';
import '@blueprintui/icons/shapes/network-globe.js';
import '@blueprintui/icons/shapes/network-settings.js';
import '@blueprintui/icons/shapes/network-switch.js';
import '@blueprintui/icons/shapes/neutral-face.js';
import '@blueprintui/icons/shapes/new.js';
import '@blueprintui/icons/shapes/no-access.js';
import '@blueprintui/icons/shapes/no-wifi.js';
import '@blueprintui/icons/shapes/node-group.js';
import '@blueprintui/icons/shapes/node.js';
import '@blueprintui/icons/shapes/nodes.js';
import '@blueprintui/icons/shapes/note.js';
import '@blueprintui/icons/shapes/notification.js';
import '@blueprintui/icons/shapes/number-list.js';
import '@blueprintui/icons/shapes/objects.js';
import '@blueprintui/icons/shapes/on-holiday.js';
import '@blueprintui/icons/shapes/organization.js';
import '@blueprintui/icons/shapes/outdent.js';
import '@blueprintui/icons/shapes/paint-roller.js';
import '@blueprintui/icons/shapes/paperclip.js';
import '@blueprintui/icons/shapes/paste.js';
import '@blueprintui/icons/shapes/pause.js';
import '@blueprintui/icons/shapes/pencil.js';
import '@blueprintui/icons/shapes/peso.js';
import '@blueprintui/icons/shapes/phone-handset.js';
import '@blueprintui/icons/shapes/picture.js';
import '@blueprintui/icons/shapes/pie-chart.js';
import '@blueprintui/icons/shapes/piggy-bank.js';
import '@blueprintui/icons/shapes/pin.js';
import '@blueprintui/icons/shapes/pinboard.js';
import '@blueprintui/icons/shapes/plane.js';
import '@blueprintui/icons/shapes/play.js';
import '@blueprintui/icons/shapes/plugin.js';
import '@blueprintui/icons/shapes/pod.js';
import '@blueprintui/icons/shapes/pop-out.js';
import '@blueprintui/icons/shapes/portrait.js';
import '@blueprintui/icons/shapes/pound.js';
import '@blueprintui/icons/shapes/power.js';
import '@blueprintui/icons/shapes/printer.js';
import '@blueprintui/icons/shapes/qr-code.js';
import '@blueprintui/icons/shapes/rack-server.js';
import '@blueprintui/icons/shapes/radar.js';
import '@blueprintui/icons/shapes/receiver.js';
import '@blueprintui/icons/shapes/recycle.js';
import '@blueprintui/icons/shapes/redo.js';
import '@blueprintui/icons/shapes/refresh.js';
import '@blueprintui/icons/shapes/repeat.js';
import '@blueprintui/icons/shapes/replay-all.js';
import '@blueprintui/icons/shapes/replay-one.js';
import '@blueprintui/icons/shapes/resistor.js';
import '@blueprintui/icons/shapes/resize-down.js';
import '@blueprintui/icons/shapes/resize.js';
import '@blueprintui/icons/shapes/resource-pool.js';
import '@blueprintui/icons/shapes/rewind.js';
import '@blueprintui/icons/shapes/router.js';
import '@blueprintui/icons/shapes/ruble.js';
import '@blueprintui/icons/shapes/ruler-pencil.js';
import '@blueprintui/icons/shapes/rupee.js';
import '@blueprintui/icons/shapes/sad-face.js';
import '@blueprintui/icons/shapes/savings.js';
import '@blueprintui/icons/shapes/scatter-plot.js';
import '@blueprintui/icons/shapes/scissors.js';
import '@blueprintui/icons/shapes/scroll.js';
import '@blueprintui/icons/shapes/search.js';
import '@blueprintui/icons/shapes/server.js';
import '@blueprintui/icons/shapes/settings.js';
import '@blueprintui/icons/shapes/share.js';
import '@blueprintui/icons/shapes/shield-check.js';
import '@blueprintui/icons/shapes/shield.js';
import '@blueprintui/icons/shapes/shield-x.js';
import '@blueprintui/icons/shapes/shopping-bag.js';
import '@blueprintui/icons/shapes/shopping-cart.js';
import '@blueprintui/icons/shapes/shrink.js';
import '@blueprintui/icons/shapes/shuffle.js';
import '@blueprintui/icons/shapes/sign-in.js';
import '@blueprintui/icons/shapes/sign-out.js';
import '@blueprintui/icons/shapes/slider.js';
import '@blueprintui/icons/shapes/snowflake.js';
import '@blueprintui/icons/shapes/sort-by.js';
import '@blueprintui/icons/shapes/squid.js';
import '@blueprintui/icons/shapes/ssd.js';
import '@blueprintui/icons/shapes/star.js';
import '@blueprintui/icons/shapes/step-forward-2.js';
import '@blueprintui/icons/shapes/step-forward.js';
import '@blueprintui/icons/shapes/stop.js';
import '@blueprintui/icons/shapes/storage-adapter.js';
import '@blueprintui/icons/shapes/storage.js';
import '@blueprintui/icons/shapes/store.js';
import '@blueprintui/icons/shapes/strikethrough.js';
import '@blueprintui/icons/shapes/subscript.js';
import '@blueprintui/icons/shapes/success.js';
import '@blueprintui/icons/shapes/sun.js';
import '@blueprintui/icons/shapes/superscript.js';
import '@blueprintui/icons/shapes/switch.js';
import '@blueprintui/icons/shapes/sync.js';
import '@blueprintui/icons/shapes/table.js';
import '@blueprintui/icons/shapes/tablet.js';
import '@blueprintui/icons/shapes/tag.js';
import '@blueprintui/icons/shapes/tags.js';
import '@blueprintui/icons/shapes/talk-bubbles.js';
import '@blueprintui/icons/shapes/tape-drive.js';
import '@blueprintui/icons/shapes/target.js';
import '@blueprintui/icons/shapes/tasks.js';
import '@blueprintui/icons/shapes/terminal.js';
import '@blueprintui/icons/shapes/text-color.js';
import '@blueprintui/icons/shapes/text.js';
import '@blueprintui/icons/shapes/thermometer.js';
import '@blueprintui/icons/shapes/thin-client.js';
import '@blueprintui/icons/shapes/thumbs-down.js';
import '@blueprintui/icons/shapes/thumbs-up.js';
import '@blueprintui/icons/shapes/tick-chart.js';
import '@blueprintui/icons/shapes/timeline.js';
import '@blueprintui/icons/shapes/tools.js';
import '@blueprintui/icons/shapes/trailer.js';
import '@blueprintui/icons/shapes/trash.js';
import '@blueprintui/icons/shapes/tree.js';
import '@blueprintui/icons/shapes/tree-view.js';
import '@blueprintui/icons/shapes/truck.js';
import '@blueprintui/icons/shapes/two-way-arrows.js';
import '@blueprintui/icons/shapes/unarchive.js';
import '@blueprintui/icons/shapes/underline.js';
import '@blueprintui/icons/shapes/undo.js';
import '@blueprintui/icons/shapes/uninstall.js';
import '@blueprintui/icons/shapes/unknown-status.js';
import '@blueprintui/icons/shapes/unlink.js';
import '@blueprintui/icons/shapes/unlock.js';
import '@blueprintui/icons/shapes/update.js';
import '@blueprintui/icons/shapes/upload-cloud.js';
import '@blueprintui/icons/shapes/upload.js';
import '@blueprintui/icons/shapes/usb.js';
import '@blueprintui/icons/shapes/user.js';
import '@blueprintui/icons/shapes/users.js';
import '@blueprintui/icons/shapes/video-camera.js';
import '@blueprintui/icons/shapes/video-gallery.js';
import '@blueprintui/icons/shapes/view-cards.js';
import '@blueprintui/icons/shapes/view-columns.js';
import '@blueprintui/icons/shapes/view-list.js';
import '@blueprintui/icons/shapes/volume-down.js';
import '@blueprintui/icons/shapes/volume.js';
import '@blueprintui/icons/shapes/volume-mute.js';
import '@blueprintui/icons/shapes/volume-up.js';
import '@blueprintui/icons/shapes/wallet.js';
import '@blueprintui/icons/shapes/wand.js';
import '@blueprintui/icons/shapes/warning.js';
import '@blueprintui/icons/shapes/wifi.js';
import '@blueprintui/icons/shapes/window-max.js';
import '@blueprintui/icons/shapes/window-min.js';
import '@blueprintui/icons/shapes/window-restore.js';
import '@blueprintui/icons/shapes/won.js';
import '@blueprintui/icons/shapes/world.js';
import '@blueprintui/icons/shapes/wrench.js';
import '@blueprintui/icons/shapes/yen.js';
import '@blueprintui/icons/shapes/zoom-in.js';
import '@blueprintui/icons/shapes/zoom-out.js';
</script>
<div bp-layout="inline gap:md">
<bp-icon shape="accessibility" badge="accent"></bp-icon>
<bp-icon shape="accessibility" badge="success"></bp-icon>
<bp-icon shape="accessibility" badge="warning"></bp-icon>
<bp-icon shape="accessibility" badge="danger"></bp-icon>
<bp-icon shape="accessibility-two" badge="accent"></bp-icon>
<bp-icon shape="accessibility-two" badge="success"></bp-icon>
<bp-icon shape="accessibility-two" badge="warning"></bp-icon>
<bp-icon shape="accessibility-two" badge="danger"></bp-icon>
<bp-icon shape="add-circle" badge="accent"></bp-icon>
<bp-icon shape="add-circle" badge="success"></bp-icon>
<bp-icon shape="add-circle" badge="warning"></bp-icon>
<bp-icon shape="add-circle" badge="danger"></bp-icon>
<bp-icon shape="add" badge="accent"></bp-icon>
<bp-icon shape="add" badge="success"></bp-icon>
<bp-icon shape="add" badge="warning"></bp-icon>
<bp-icon shape="add" badge="danger"></bp-icon>
<bp-icon shape="add-text" badge="accent"></bp-icon>
<bp-icon shape="add-text" badge="success"></bp-icon>
<bp-icon shape="add-text" badge="warning"></bp-icon>
<bp-icon shape="add-text" badge="danger"></bp-icon>
<bp-icon shape="administrator" badge="accent"></bp-icon>
<bp-icon shape="administrator" badge="success"></bp-icon>
<bp-icon shape="administrator" badge="warning"></bp-icon>
<bp-icon shape="administrator" badge="danger"></bp-icon>
<bp-icon shape="airplane" badge="accent"></bp-icon>
<bp-icon shape="airplane" badge="success"></bp-icon>
<bp-icon shape="airplane" badge="warning"></bp-icon>
<bp-icon shape="airplane" badge="danger"></bp-icon>
<bp-icon shape="alarm-clock" badge="accent"></bp-icon>
<bp-icon shape="alarm-clock" badge="success"></bp-icon>
<bp-icon shape="alarm-clock" badge="warning"></bp-icon>
<bp-icon shape="alarm-clock" badge="danger"></bp-icon>
<bp-icon shape="alarm-off" badge="accent"></bp-icon>
<bp-icon shape="alarm-off" badge="success"></bp-icon>
<bp-icon shape="alarm-off" badge="warning"></bp-icon>
<bp-icon shape="alarm-off" badge="danger"></bp-icon>
<bp-icon shape="alert" badge="accent"></bp-icon>
<bp-icon shape="alert" badge="success"></bp-icon>
<bp-icon shape="alert" badge="warning"></bp-icon>
<bp-icon shape="alert" badge="danger"></bp-icon>
<bp-icon shape="align-bottom" badge="accent"></bp-icon>
<bp-icon shape="align-bottom" badge="success"></bp-icon>
<bp-icon shape="align-bottom" badge="warning"></bp-icon>
<bp-icon shape="align-bottom" badge="danger"></bp-icon>
<bp-icon shape="align-center" badge="accent"></bp-icon>
<bp-icon shape="align-center" badge="success"></bp-icon>
<bp-icon shape="align-center" badge="warning"></bp-icon>
<bp-icon shape="align-center" badge="danger"></bp-icon>
<bp-icon shape="align-left" badge="accent"></bp-icon>
<bp-icon shape="align-left" badge="success"></bp-icon>
<bp-icon shape="align-left" badge="warning"></bp-icon>
<bp-icon shape="align-left" badge="danger"></bp-icon>
<bp-icon shape="align-left-text" badge="accent"></bp-icon>
<bp-icon shape="align-left-text" badge="success"></bp-icon>
<bp-icon shape="align-left-text" badge="warning"></bp-icon>
<bp-icon shape="align-left-text" badge="danger"></bp-icon>
<bp-icon shape="align-middle" badge="accent"></bp-icon>
<bp-icon shape="align-middle" badge="success"></bp-icon>
<bp-icon shape="align-middle" badge="warning"></bp-icon>
<bp-icon shape="align-middle" badge="danger"></bp-icon>
<bp-icon shape="align-right" badge="accent"></bp-icon>
<bp-icon shape="align-right" badge="success"></bp-icon>
<bp-icon shape="align-right" badge="warning"></bp-icon>
<bp-icon shape="align-right" badge="danger"></bp-icon>
<bp-icon shape="align-right-text" badge="accent"></bp-icon>
<bp-icon shape="align-right-text" badge="success"></bp-icon>
<bp-icon shape="align-right-text" badge="warning"></bp-icon>
<bp-icon shape="align-right-text" badge="danger"></bp-icon>
<bp-icon shape="align-top" badge="accent"></bp-icon>
<bp-icon shape="align-top" badge="success"></bp-icon>
<bp-icon shape="align-top" badge="warning"></bp-icon>
<bp-icon shape="align-top" badge="danger"></bp-icon>
<bp-icon shape="analytics" badge="accent"></bp-icon>
<bp-icon shape="analytics" badge="success"></bp-icon>
<bp-icon shape="analytics" badge="warning"></bp-icon>
<bp-icon shape="analytics" badge="danger"></bp-icon>
<bp-icon shape="angle-double" badge="accent"></bp-icon>
<bp-icon shape="angle-double" badge="success"></bp-icon>
<bp-icon shape="angle-double" badge="warning"></bp-icon>
<bp-icon shape="angle-double" badge="danger"></bp-icon>
<bp-icon shape="angle" badge="accent"></bp-icon>
<bp-icon shape="angle" badge="success"></bp-icon>
<bp-icon shape="angle" badge="warning"></bp-icon>
<bp-icon shape="angle" badge="danger"></bp-icon>
<bp-icon shape="animation" badge="accent"></bp-icon>
<bp-icon shape="animation" badge="success"></bp-icon>
<bp-icon shape="animation" badge="warning"></bp-icon>
<bp-icon shape="animation" badge="danger"></bp-icon>
<bp-icon shape="application" badge="accent"></bp-icon>
<bp-icon shape="application" badge="success"></bp-icon>
<bp-icon shape="application" badge="warning"></bp-icon>
<bp-icon shape="application" badge="danger"></bp-icon>
<bp-icon shape="applications" badge="accent"></bp-icon>
<bp-icon shape="applications" badge="success"></bp-icon>
<bp-icon shape="applications" badge="warning"></bp-icon>
<bp-icon shape="applications" badge="danger"></bp-icon>
<bp-icon shape="archive" badge="accent"></bp-icon>
<bp-icon shape="archive" badge="success"></bp-icon>
<bp-icon shape="archive" badge="warning"></bp-icon>
<bp-icon shape="archive" badge="danger"></bp-icon>
<bp-icon shape="arrow" badge="accent"></bp-icon>
<bp-icon shape="arrow" badge="success"></bp-icon>
<bp-icon shape="arrow" badge="warning"></bp-icon>
<bp-icon shape="arrow" badge="danger"></bp-icon>
<bp-icon shape="assign-user" badge="accent"></bp-icon>
<bp-icon shape="assign-user" badge="success"></bp-icon>
<bp-icon shape="assign-user" badge="warning"></bp-icon>
<bp-icon shape="assign-user" badge="danger"></bp-icon>
<bp-icon shape="asterisk" badge="accent"></bp-icon>
<bp-icon shape="asterisk" badge="success"></bp-icon>
<bp-icon shape="asterisk" badge="warning"></bp-icon>
<bp-icon shape="asterisk" badge="danger"></bp-icon>
<bp-icon shape="atom" badge="accent"></bp-icon>
<bp-icon shape="atom" badge="success"></bp-icon>
<bp-icon shape="atom" badge="warning"></bp-icon>
<bp-icon shape="atom" badge="danger"></bp-icon>
<bp-icon shape="attachment" badge="accent"></bp-icon>
<bp-icon shape="attachment" badge="success"></bp-icon>
<bp-icon shape="attachment" badge="warning"></bp-icon>
<bp-icon shape="attachment" badge="danger"></bp-icon>
<bp-icon shape="auto" badge="accent"></bp-icon>
<bp-icon shape="auto" badge="success"></bp-icon>
<bp-icon shape="auto" badge="warning"></bp-icon>
<bp-icon shape="auto" badge="danger"></bp-icon>
<bp-icon shape="avatar" badge="accent"></bp-icon>
<bp-icon shape="avatar" badge="success"></bp-icon>
<bp-icon shape="avatar" badge="warning"></bp-icon>
<bp-icon shape="avatar" badge="danger"></bp-icon>
<bp-icon shape="axis-chart" badge="accent"></bp-icon>
<bp-icon shape="axis-chart" badge="success"></bp-icon>
<bp-icon shape="axis-chart" badge="warning"></bp-icon>
<bp-icon shape="axis-chart" badge="danger"></bp-icon>
<bp-icon shape="backup" badge="accent"></bp-icon>
<bp-icon shape="backup" badge="success"></bp-icon>
<bp-icon shape="backup" badge="warning"></bp-icon>
<bp-icon shape="backup" badge="danger"></bp-icon>
<bp-icon shape="backup-restore" badge="accent"></bp-icon>
<bp-icon shape="backup-restore" badge="success"></bp-icon>
<bp-icon shape="backup-restore" badge="warning"></bp-icon>
<bp-icon shape="backup-restore" badge="danger"></bp-icon>
<bp-icon shape="balance" badge="accent"></bp-icon>
<bp-icon shape="balance" badge="success"></bp-icon>
<bp-icon shape="balance" badge="warning"></bp-icon>
<bp-icon shape="balance" badge="danger"></bp-icon>
<bp-icon shape="ban" badge="accent"></bp-icon>
<bp-icon shape="ban" badge="success"></bp-icon>
<bp-icon shape="ban" badge="warning"></bp-icon>
<bp-icon shape="ban" badge="danger"></bp-icon>
<bp-icon shape="bank" badge="accent"></bp-icon>
<bp-icon shape="bank" badge="success"></bp-icon>
<bp-icon shape="bank" badge="warning"></bp-icon>
<bp-icon shape="bank" badge="danger"></bp-icon>
<bp-icon shape="bar-chart" badge="accent"></bp-icon>
<bp-icon shape="bar-chart" badge="success"></bp-icon>
<bp-icon shape="bar-chart" badge="warning"></bp-icon>
<bp-icon shape="bar-chart" badge="danger"></bp-icon>
<bp-icon shape="bar-code" badge="accent"></bp-icon>
<bp-icon shape="bar-code" badge="success"></bp-icon>
<bp-icon shape="bar-code" badge="warning"></bp-icon>
<bp-icon shape="bar-code" badge="danger"></bp-icon>
<bp-icon shape="bars" badge="accent"></bp-icon>
<bp-icon shape="bars" badge="success"></bp-icon>
<bp-icon shape="bars" badge="warning"></bp-icon>
<bp-icon shape="bars" badge="danger"></bp-icon>
<bp-icon shape="battery" badge="accent"></bp-icon>
<bp-icon shape="battery" badge="success"></bp-icon>
<bp-icon shape="battery" badge="warning"></bp-icon>
<bp-icon shape="battery" badge="danger"></bp-icon>
<bp-icon shape="bell-curve" badge="accent"></bp-icon>
<bp-icon shape="bell-curve" badge="success"></bp-icon>
<bp-icon shape="bell-curve" badge="warning"></bp-icon>
<bp-icon shape="bell-curve" badge="danger"></bp-icon>
<bp-icon shape="bell" badge="accent"></bp-icon>
<bp-icon shape="bell" badge="success"></bp-icon>
<bp-icon shape="bell" badge="warning"></bp-icon>
<bp-icon shape="bell" badge="danger"></bp-icon>
<bp-icon shape="beta" badge="accent"></bp-icon>
<bp-icon shape="beta" badge="success"></bp-icon>
<bp-icon shape="beta" badge="warning"></bp-icon>
<bp-icon shape="beta" badge="danger"></bp-icon>
<bp-icon shape="bicycle" badge="accent"></bp-icon>
<bp-icon shape="bicycle" badge="success"></bp-icon>
<bp-icon shape="bicycle" badge="warning"></bp-icon>
<bp-icon shape="bicycle" badge="danger"></bp-icon>
<bp-icon shape="bitcoin" badge="accent"></bp-icon>
<bp-icon shape="bitcoin" badge="success"></bp-icon>
<bp-icon shape="bitcoin" badge="warning"></bp-icon>
<bp-icon shape="bitcoin" badge="danger"></bp-icon>
<bp-icon shape="block" badge="accent"></bp-icon>
<bp-icon shape="block" badge="success"></bp-icon>
<bp-icon shape="block" badge="warning"></bp-icon>
<bp-icon shape="block" badge="danger"></bp-icon>
<bp-icon shape="block-quote" badge="accent"></bp-icon>
<bp-icon shape="block-quote" badge="success"></bp-icon>
<bp-icon shape="block-quote" badge="warning"></bp-icon>
<bp-icon shape="block-quote" badge="danger"></bp-icon>
<bp-icon shape="blocks-group" badge="accent"></bp-icon>
<bp-icon shape="blocks-group" badge="success"></bp-icon>
<bp-icon shape="blocks-group" badge="warning"></bp-icon>
<bp-icon shape="blocks-group" badge="danger"></bp-icon>
<bp-icon shape="bluetooth" badge="accent"></bp-icon>
<bp-icon shape="bluetooth" badge="success"></bp-icon>
<bp-icon shape="bluetooth" badge="warning"></bp-icon>
<bp-icon shape="bluetooth" badge="danger"></bp-icon>
<bp-icon shape="bluetooth-off" badge="accent"></bp-icon>
<bp-icon shape="bluetooth-off" badge="success"></bp-icon>
<bp-icon shape="bluetooth-off" badge="warning"></bp-icon>
<bp-icon shape="bluetooth-off" badge="danger"></bp-icon>
<bp-icon shape="boat" badge="accent"></bp-icon>
<bp-icon shape="boat" badge="success"></bp-icon>
<bp-icon shape="boat" badge="warning"></bp-icon>
<bp-icon shape="boat" badge="danger"></bp-icon>
<bp-icon shape="bold" badge="accent"></bp-icon>
<bp-icon shape="bold" badge="success"></bp-icon>
<bp-icon shape="bold" badge="warning"></bp-icon>
<bp-icon shape="bold" badge="danger"></bp-icon>
<bp-icon shape="bolt" badge="accent"></bp-icon>
<bp-icon shape="bolt" badge="success"></bp-icon>
<bp-icon shape="bolt" badge="warning"></bp-icon>
<bp-icon shape="bolt" badge="danger"></bp-icon>
<bp-icon shape="book" badge="accent"></bp-icon>
<bp-icon shape="book" badge="success"></bp-icon>
<bp-icon shape="book" badge="warning"></bp-icon>
<bp-icon shape="book" badge="danger"></bp-icon>
<bp-icon shape="bookmark" badge="accent"></bp-icon>
<bp-icon shape="bookmark" badge="success"></bp-icon>
<bp-icon shape="bookmark" badge="warning"></bp-icon>
<bp-icon shape="bookmark" badge="danger"></bp-icon>
<bp-icon shape="box-plot" badge="accent"></bp-icon>
<bp-icon shape="box-plot" badge="success"></bp-icon>
<bp-icon shape="box-plot" badge="warning"></bp-icon>
<bp-icon shape="box-plot" badge="danger"></bp-icon>
<bp-icon shape="briefcase" badge="accent"></bp-icon>
<bp-icon shape="briefcase" badge="success"></bp-icon>
<bp-icon shape="briefcase" badge="warning"></bp-icon>
<bp-icon shape="briefcase" badge="danger"></bp-icon>
<bp-icon shape="bubble-chart" badge="accent"></bp-icon>
<bp-icon shape="bubble-chart" badge="success"></bp-icon>
<bp-icon shape="bubble-chart" badge="warning"></bp-icon>
<bp-icon shape="bubble-chart" badge="danger"></bp-icon>
<bp-icon shape="bubble-exclamation" badge="accent"></bp-icon>
<bp-icon shape="bubble-exclamation" badge="success"></bp-icon>
<bp-icon shape="bubble-exclamation" badge="warning"></bp-icon>
<bp-icon shape="bubble-exclamation" badge="danger"></bp-icon>
<bp-icon shape="bug" badge="accent"></bp-icon>
<bp-icon shape="bug" badge="success"></bp-icon>
<bp-icon shape="bug" badge="warning"></bp-icon>
<bp-icon shape="bug" badge="danger"></bp-icon>
<bp-icon shape="building" badge="accent"></bp-icon>
<bp-icon shape="building" badge="success"></bp-icon>
<bp-icon shape="building" badge="warning"></bp-icon>
<bp-icon shape="building" badge="danger"></bp-icon>
<bp-icon shape="bullet-list" badge="accent"></bp-icon>
<bp-icon shape="bullet-list" badge="success"></bp-icon>
<bp-icon shape="bullet-list" badge="warning"></bp-icon>
<bp-icon shape="bullet-list" badge="danger"></bp-icon>
<bp-icon shape="bullseye" badge="accent"></bp-icon>
<bp-icon shape="bullseye" badge="success"></bp-icon>
<bp-icon shape="bullseye" badge="warning"></bp-icon>
<bp-icon shape="bullseye" badge="danger"></bp-icon>
<bp-icon shape="bundle" badge="accent"></bp-icon>
<bp-icon shape="bundle" badge="success"></bp-icon>
<bp-icon shape="bundle" badge="warning"></bp-icon>
<bp-icon shape="bundle" badge="danger"></bp-icon>
<bp-icon shape="calculator" badge="accent"></bp-icon>
<bp-icon shape="calculator" badge="success"></bp-icon>
<bp-icon shape="calculator" badge="warning"></bp-icon>
<bp-icon shape="calculator" badge="danger"></bp-icon>
<bp-icon shape="calendar" badge="accent"></bp-icon>
<bp-icon shape="calendar" badge="success"></bp-icon>
<bp-icon shape="calendar" badge="warning"></bp-icon>
<bp-icon shape="calendar" badge="danger"></bp-icon>
<bp-icon shape="camera" badge="accent"></bp-icon>
<bp-icon shape="camera" badge="success"></bp-icon>
<bp-icon shape="camera" badge="warning"></bp-icon>
<bp-icon shape="camera" badge="danger"></bp-icon>
<bp-icon shape="campervan" badge="accent"></bp-icon>
<bp-icon shape="campervan" badge="success"></bp-icon>
<bp-icon shape="campervan" badge="warning"></bp-icon>
<bp-icon shape="campervan" badge="danger"></bp-icon>
<bp-icon shape="capacitor" badge="accent"></bp-icon>
<bp-icon shape="capacitor" badge="success"></bp-icon>
<bp-icon shape="capacitor" badge="warning"></bp-icon>
<bp-icon shape="capacitor" badge="danger"></bp-icon>
<bp-icon shape="car" badge="accent"></bp-icon>
<bp-icon shape="car" badge="success"></bp-icon>
<bp-icon shape="car" badge="warning"></bp-icon>
<bp-icon shape="car" badge="danger"></bp-icon>
<bp-icon shape="caravan" badge="accent"></bp-icon>
<bp-icon shape="caravan" badge="success"></bp-icon>
<bp-icon shape="caravan" badge="warning"></bp-icon>
<bp-icon shape="caravan" badge="danger"></bp-icon>
<bp-icon shape="caret" badge="accent"></bp-icon>
<bp-icon shape="caret" badge="success"></bp-icon>
<bp-icon shape="caret" badge="warning"></bp-icon>
<bp-icon shape="caret" badge="danger"></bp-icon>
<bp-icon shape="cd-dvd" badge="accent"></bp-icon>
<bp-icon shape="cd-dvd" badge="success"></bp-icon>
<bp-icon shape="cd-dvd" badge="warning"></bp-icon>
<bp-icon shape="cd-dvd" badge="danger"></bp-icon>
<bp-icon shape="center-text" badge="accent"></bp-icon>
<bp-icon shape="center-text" badge="success"></bp-icon>
<bp-icon shape="center-text" badge="warning"></bp-icon>
<bp-icon shape="center-text" badge="danger"></bp-icon>
<bp-icon shape="certificate" badge="accent"></bp-icon>
<bp-icon shape="certificate" badge="success"></bp-icon>
<bp-icon shape="certificate" badge="warning"></bp-icon>
<bp-icon shape="certificate" badge="danger"></bp-icon>
<bp-icon shape="chat-bubble" badge="accent"></bp-icon>
<bp-icon shape="chat-bubble" badge="success"></bp-icon>
<bp-icon shape="chat-bubble" badge="warning"></bp-icon>
<bp-icon shape="chat-bubble" badge="danger"></bp-icon>
<bp-icon shape="check" badge="accent"></bp-icon>
<bp-icon shape="check" badge="success"></bp-icon>
<bp-icon shape="check" badge="warning"></bp-icon>
<bp-icon shape="check" badge="danger"></bp-icon>
<bp-icon shape="checkbox-list" badge="accent"></bp-icon>
<bp-icon shape="checkbox-list" badge="success"></bp-icon>
<bp-icon shape="checkbox-list" badge="warning"></bp-icon>
<bp-icon shape="checkbox-list" badge="danger"></bp-icon>
<bp-icon shape="child-arrow" badge="accent"></bp-icon>
<bp-icon shape="child-arrow" badge="success"></bp-icon>
<bp-icon shape="child-arrow" badge="warning"></bp-icon>
<bp-icon shape="child-arrow" badge="danger"></bp-icon>
<bp-icon shape="ci-cd" badge="accent"></bp-icon>
<bp-icon shape="ci-cd" badge="success"></bp-icon>
<bp-icon shape="ci-cd" badge="warning"></bp-icon>
<bp-icon shape="ci-cd" badge="danger"></bp-icon>
<bp-icon shape="circle-arrow" badge="accent"></bp-icon>
<bp-icon shape="circle-arrow" badge="success"></bp-icon>
<bp-icon shape="circle-arrow" badge="warning"></bp-icon>
<bp-icon shape="circle-arrow" badge="danger"></bp-icon>
<bp-icon shape="circle" badge="accent"></bp-icon>
<bp-icon shape="circle" badge="success"></bp-icon>
<bp-icon shape="circle" badge="warning"></bp-icon>
<bp-icon shape="circle" badge="danger"></bp-icon>
<bp-icon shape="clipboard" badge="accent"></bp-icon>
<bp-icon shape="clipboard" badge="success"></bp-icon>
<bp-icon shape="clipboard" badge="warning"></bp-icon>
<bp-icon shape="clipboard" badge="danger"></bp-icon>
<bp-icon shape="clock" badge="accent"></bp-icon>
<bp-icon shape="clock" badge="success"></bp-icon>
<bp-icon shape="clock" badge="warning"></bp-icon>
<bp-icon shape="clock" badge="danger"></bp-icon>
<bp-icon shape="clone" badge="accent"></bp-icon>
<bp-icon shape="clone" badge="success"></bp-icon>
<bp-icon shape="clone" badge="warning"></bp-icon>
<bp-icon shape="clone" badge="danger"></bp-icon>
<bp-icon shape="close-circle" badge="accent"></bp-icon>
<bp-icon shape="close-circle" badge="success"></bp-icon>
<bp-icon shape="close-circle" badge="warning"></bp-icon>
<bp-icon shape="close-circle" badge="danger"></bp-icon>
<bp-icon shape="close" badge="accent"></bp-icon>
<bp-icon shape="close" badge="success"></bp-icon>
<bp-icon shape="close" badge="warning"></bp-icon>
<bp-icon shape="close" badge="danger"></bp-icon>
<bp-icon shape="cloud-chart" badge="accent"></bp-icon>
<bp-icon shape="cloud-chart" badge="success"></bp-icon>
<bp-icon shape="cloud-chart" badge="warning"></bp-icon>
<bp-icon shape="cloud-chart" badge="danger"></bp-icon>
<bp-icon shape="cloud" badge="accent"></bp-icon>
<bp-icon shape="cloud" badge="success"></bp-icon>
<bp-icon shape="cloud" badge="warning"></bp-icon>
<bp-icon shape="cloud" badge="danger"></bp-icon>
<bp-icon shape="cloud-network" badge="accent"></bp-icon>
<bp-icon shape="cloud-network" badge="success"></bp-icon>
<bp-icon shape="cloud-network" badge="warning"></bp-icon>
<bp-icon shape="cloud-network" badge="danger"></bp-icon>
<bp-icon shape="cloud-scale" badge="accent"></bp-icon>
<bp-icon shape="cloud-scale" badge="success"></bp-icon>
<bp-icon shape="cloud-scale" badge="warning"></bp-icon>
<bp-icon shape="cloud-scale" badge="danger"></bp-icon>
<bp-icon shape="cloud-traffic" badge="accent"></bp-icon>
<bp-icon shape="cloud-traffic" badge="success"></bp-icon>
<bp-icon shape="cloud-traffic" badge="warning"></bp-icon>
<bp-icon shape="cloud-traffic" badge="danger"></bp-icon>
<bp-icon shape="cluster" badge="accent"></bp-icon>
<bp-icon shape="cluster" badge="success"></bp-icon>
<bp-icon shape="cluster" badge="warning"></bp-icon>
<bp-icon shape="cluster" badge="danger"></bp-icon>
<bp-icon shape="code" badge="accent"></bp-icon>
<bp-icon shape="code" badge="success"></bp-icon>
<bp-icon shape="code" badge="warning"></bp-icon>
<bp-icon shape="code" badge="danger"></bp-icon>
<bp-icon shape="cog" badge="accent"></bp-icon>
<bp-icon shape="cog" badge="success"></bp-icon>
<bp-icon shape="cog" badge="warning"></bp-icon>
<bp-icon shape="cog" badge="danger"></bp-icon>
<bp-icon shape="coin-bag" badge="accent"></bp-icon>
<bp-icon shape="coin-bag" badge="success"></bp-icon>
<bp-icon shape="coin-bag" badge="warning"></bp-icon>
<bp-icon shape="coin-bag" badge="danger"></bp-icon>
<bp-icon shape="collapse-card" badge="accent"></bp-icon>
<bp-icon shape="collapse-card" badge="success"></bp-icon>
<bp-icon shape="collapse-card" badge="warning"></bp-icon>
<bp-icon shape="collapse-card" badge="danger"></bp-icon>
<bp-icon shape="collapse" badge="accent"></bp-icon>
<bp-icon shape="collapse" badge="success"></bp-icon>
<bp-icon shape="collapse" badge="warning"></bp-icon>
<bp-icon shape="collapse" badge="danger"></bp-icon>
<bp-icon shape="color-palette" badge="accent"></bp-icon>
<bp-icon shape="color-palette" badge="success"></bp-icon>
<bp-icon shape="color-palette" badge="warning"></bp-icon>
<bp-icon shape="color-palette" badge="danger"></bp-icon>
<bp-icon shape="color-picker" badge="accent"></bp-icon>
<bp-icon shape="color-picker" badge="success"></bp-icon>
<bp-icon shape="color-picker" badge="warning"></bp-icon>
<bp-icon shape="color-picker" badge="danger"></bp-icon>
<bp-icon shape="command" badge="accent"></bp-icon>
<bp-icon shape="command" badge="success"></bp-icon>
<bp-icon shape="command" badge="warning"></bp-icon>
<bp-icon shape="command" badge="danger"></bp-icon>
<bp-icon shape="compass" badge="accent"></bp-icon>
<bp-icon shape="compass" badge="success"></bp-icon>
<bp-icon shape="compass" badge="warning"></bp-icon>
<bp-icon shape="compass" badge="danger"></bp-icon>
<bp-icon shape="computer" badge="accent"></bp-icon>
<bp-icon shape="computer" badge="success"></bp-icon>
<bp-icon shape="computer" badge="warning"></bp-icon>
<bp-icon shape="computer" badge="danger"></bp-icon>
<bp-icon shape="connect" badge="accent"></bp-icon>
<bp-icon shape="connect" badge="success"></bp-icon>
<bp-icon shape="connect" badge="warning"></bp-icon>
<bp-icon shape="connect" badge="danger"></bp-icon>
<bp-icon shape="container" badge="accent"></bp-icon>
<bp-icon shape="container" badge="success"></bp-icon>
<bp-icon shape="container" badge="warning"></bp-icon>
<bp-icon shape="container" badge="danger"></bp-icon>
<bp-icon shape="container-volume" badge="accent"></bp-icon>
<bp-icon shape="container-volume" badge="success"></bp-icon>
<bp-icon shape="container-volume" badge="warning"></bp-icon>
<bp-icon shape="container-volume" badge="danger"></bp-icon>
<bp-icon shape="contract" badge="accent"></bp-icon>
<bp-icon shape="contract" badge="success"></bp-icon>
<bp-icon shape="contract" badge="warning"></bp-icon>
<bp-icon shape="contract" badge="danger"></bp-icon>
<bp-icon shape="control-lun" badge="accent"></bp-icon>
<bp-icon shape="control-lun" badge="success"></bp-icon>
<bp-icon shape="control-lun" badge="warning"></bp-icon>
<bp-icon shape="control-lun" badge="danger"></bp-icon>
<bp-icon shape="copy" badge="accent"></bp-icon>
<bp-icon shape="copy" badge="success"></bp-icon>
<bp-icon shape="copy" badge="warning"></bp-icon>
<bp-icon shape="copy" badge="danger"></bp-icon>
<bp-icon shape="copy-to-clipboard" badge="accent"></bp-icon>
<bp-icon shape="copy-to-clipboard" badge="success"></bp-icon>
<bp-icon shape="copy-to-clipboard" badge="warning"></bp-icon>
<bp-icon shape="copy-to-clipboard" badge="danger"></bp-icon>
<bp-icon shape="cpu" badge="accent"></bp-icon>
<bp-icon shape="cpu" badge="success"></bp-icon>
<bp-icon shape="cpu" badge="warning"></bp-icon>
<bp-icon shape="cpu" badge="danger"></bp-icon>
<bp-icon shape="credit-card" badge="accent"></bp-icon>
<bp-icon shape="credit-card" badge="success"></bp-icon>
<bp-icon shape="credit-card" badge="warning"></bp-icon>
<bp-icon shape="credit-card" badge="danger"></bp-icon>
<bp-icon shape="crosshairs" badge="accent"></bp-icon>
<bp-icon shape="crosshairs" badge="success"></bp-icon>
<bp-icon shape="crosshairs" badge="warning"></bp-icon>
<bp-icon shape="crosshairs" badge="danger"></bp-icon>
<bp-icon shape="crown" badge="accent"></bp-icon>
<bp-icon shape="crown" badge="success"></bp-icon>
<bp-icon shape="crown" badge="warning"></bp-icon>
<bp-icon shape="crown" badge="danger"></bp-icon>
<bp-icon shape="cursor-arrow" badge="accent"></bp-icon>
<bp-icon shape="cursor-arrow" badge="success"></bp-icon>
<bp-icon shape="cursor-arrow" badge="warning"></bp-icon>
<bp-icon shape="cursor-arrow" badge="danger"></bp-icon>
<bp-icon shape="cursor-hand-click" badge="accent"></bp-icon>
<bp-icon shape="cursor-hand-click" badge="success"></bp-icon>
<bp-icon shape="cursor-hand-click" badge="warning"></bp-icon>
<bp-icon shape="cursor-hand-click" badge="danger"></bp-icon>
<bp-icon shape="cursor-hand-grab" badge="accent"></bp-icon>
<bp-icon shape="cursor-hand-grab" badge="success"></bp-icon>
<bp-icon shape="cursor-hand-grab" badge="warning"></bp-icon>
<bp-icon shape="cursor-hand-grab" badge="danger"></bp-icon>
<bp-icon shape="cursor-hand" badge="accent"></bp-icon>
<bp-icon shape="cursor-hand" badge="success"></bp-icon>
<bp-icon shape="cursor-hand" badge="warning"></bp-icon>
<bp-icon shape="cursor-hand" badge="danger"></bp-icon>
<bp-icon shape="cursor-hand-open" badge="accent"></bp-icon>
<bp-icon shape="cursor-hand-open" badge="success"></bp-icon>
<bp-icon shape="cursor-hand-open" badge="warning"></bp-icon>
<bp-icon shape="cursor-hand-open" badge="danger"></bp-icon>
<bp-icon shape="cursor-move" badge="accent"></bp-icon>
<bp-icon shape="cursor-move" badge="success"></bp-icon>
<bp-icon shape="cursor-move" badge="warning"></bp-icon>
<bp-icon shape="cursor-move" badge="danger"></bp-icon>
<bp-icon shape="curve-chart" badge="accent"></bp-icon>
<bp-icon shape="curve-chart" badge="success"></bp-icon>
<bp-icon shape="curve-chart" badge="warning"></bp-icon>
<bp-icon shape="curve-chart" badge="danger"></bp-icon>
<bp-icon shape="dashboard" badge="accent"></bp-icon>
<bp-icon shape="dashboard" badge="success"></bp-icon>
<bp-icon shape="dashboard" badge="warning"></bp-icon>
<bp-icon shape="dashboard" badge="danger"></bp-icon>
<bp-icon shape="data-cluster" badge="accent"></bp-icon>
<bp-icon shape="data-cluster" badge="success"></bp-icon>
<bp-icon shape="data-cluster" badge="warning"></bp-icon>
<bp-icon shape="data-cluster" badge="danger"></bp-icon>
<bp-icon shape="date" badge="accent"></bp-icon>
<bp-icon shape="date" badge="success"></bp-icon>
<bp-icon shape="date" badge="warning"></bp-icon>
<bp-icon shape="date" badge="danger"></bp-icon>
<bp-icon shape="deploy" badge="accent"></bp-icon>
<bp-icon shape="deploy" badge="success"></bp-icon>
<bp-icon shape="deploy" badge="warning"></bp-icon>
<bp-icon shape="deploy" badge="danger"></bp-icon>
<bp-icon shape="design" badge="accent"></bp-icon>
<bp-icon shape="design" badge="success"></bp-icon>
<bp-icon shape="design" badge="warning"></bp-icon>
<bp-icon shape="design" badge="danger"></bp-icon>
<bp-icon shape="details" badge="accent"></bp-icon>
<bp-icon shape="details" badge="success"></bp-icon>
<bp-icon shape="details" badge="warning"></bp-icon>
<bp-icon shape="details" badge="danger"></bp-icon>
<bp-icon shape="devices" badge="accent"></bp-icon>
<bp-icon shape="devices" badge="success"></bp-icon>
<bp-icon shape="devices" badge="warning"></bp-icon>
<bp-icon shape="devices" badge="danger"></bp-icon>
<bp-icon shape="digital-signature" badge="accent"></bp-icon>
<bp-icon shape="digital-signature" badge="success"></bp-icon>
<bp-icon shape="digital-signature" badge="warning"></bp-icon>
<bp-icon shape="digital-signature" badge="danger"></bp-icon>
<bp-icon shape="directory" badge="accent"></bp-icon>
<bp-icon shape="directory" badge="success"></bp-icon>
<bp-icon shape="directory" badge="warning"></bp-icon>
<bp-icon shape="directory" badge="danger"></bp-icon>
<bp-icon shape="disconnect" badge="accent"></bp-icon>
<bp-icon shape="disconnect" badge="success"></bp-icon>
<bp-icon shape="disconnect" badge="warning"></bp-icon>
<bp-icon shape="disconnect" badge="danger"></bp-icon>
<bp-icon shape="disconnected" badge="accent"></bp-icon>
<bp-icon shape="disconnected" badge="success"></bp-icon>
<bp-icon shape="disconnected" badge="warning"></bp-icon>
<bp-icon shape="disconnected" badge="danger"></bp-icon>
<bp-icon shape="display" badge="accent"></bp-icon>
<bp-icon shape="display" badge="success"></bp-icon>
<bp-icon shape="display" badge="warning"></bp-icon>
<bp-icon shape="display" badge="danger"></bp-icon>
<bp-icon shape="dna" badge="accent"></bp-icon>
<bp-icon shape="dna" badge="success"></bp-icon>
<bp-icon shape="dna" badge="warning"></bp-icon>
<bp-icon shape="dna" badge="danger"></bp-icon>
<bp-icon shape="document" badge="accent"></bp-icon>
<bp-icon shape="document" badge="success"></bp-icon>
<bp-icon shape="document" badge="warning"></bp-icon>
<bp-icon shape="document" badge="danger"></bp-icon>
<bp-icon shape="dollar-bill" badge="accent"></bp-icon>
<bp-icon shape="dollar-bill" badge="success"></bp-icon>
<bp-icon shape="dollar-bill" badge="warning"></bp-icon>
<bp-icon shape="dollar-bill" badge="danger"></bp-icon>
<bp-icon shape="dollar" badge="accent"></bp-icon>
<bp-icon shape="dollar" badge="success"></bp-icon>
<bp-icon shape="dollar" badge="warning"></bp-icon>
<bp-icon shape="dollar" badge="danger"></bp-icon>
<bp-icon shape="dot-circle" badge="accent"></bp-icon>
<bp-icon shape="dot-circle" badge="success"></bp-icon>
<bp-icon shape="dot-circle" badge="warning"></bp-icon>
<bp-icon shape="dot-circle" badge="danger"></bp-icon>
<bp-icon shape="download-cloud" badge="accent"></bp-icon>
<bp-icon shape="download-cloud" badge="success"></bp-icon>
<bp-icon shape="download-cloud" badge="warning"></bp-icon>
<bp-icon shape="download-cloud" badge="danger"></bp-icon>
<bp-icon shape="download" badge="accent"></bp-icon>
<bp-icon shape="download" badge="success"></bp-icon>
<bp-icon shape="download" badge="warning"></bp-icon>
<bp-icon shape="download" badge="danger"></bp-icon>
<bp-icon shape="drag-handle-corner" badge="accent"></bp-icon>
<bp-icon shape="drag-handle-corner" badge="success"></bp-icon>
<bp-icon shape="drag-handle-corner" badge="warning"></bp-icon>
<bp-icon shape="drag-handle-corner" badge="danger"></bp-icon>
<bp-icon shape="drag-handle" badge="accent"></bp-icon>
<bp-icon shape="drag-handle" badge="success"></bp-icon>
<bp-icon shape="drag-handle" badge="warning"></bp-icon>
<bp-icon shape="drag-handle" badge="danger"></bp-icon>
<bp-icon shape="e-check" badge="accent"></bp-icon>
<bp-icon shape="e-check" badge="success"></bp-icon>
<bp-icon shape="e-check" badge="warning"></bp-icon>
<bp-icon shape="e-check" badge="danger"></bp-icon>
<bp-icon shape="edit" badge="accent"></bp-icon>
<bp-icon shape="edit" badge="success"></bp-icon>
<bp-icon shape="edit" badge="warning"></bp-icon>
<bp-icon shape="edit" badge="danger"></bp-icon>
<bp-icon shape="ellipsis-horizontal" badge="accent"></bp-icon>
<bp-icon shape="ellipsis-horizontal" badge="success"></bp-icon>
<bp-icon shape="ellipsis-horizontal" badge="warning"></bp-icon>
<bp-icon shape="ellipsis-horizontal" badge="danger"></bp-icon>
<bp-icon shape="ellipsis-vertical" badge="accent"></bp-icon>
<bp-icon shape="ellipsis-vertical" badge="success"></bp-icon>
<bp-icon shape="ellipsis-vertical" badge="warning"></bp-icon>
<bp-icon shape="ellipsis-vertical" badge="danger"></bp-icon>
<bp-icon shape="email" badge="accent"></bp-icon>
<bp-icon shape="email" badge="success"></bp-icon>
<bp-icon shape="email" badge="warning"></bp-icon>
<bp-icon shape="email" badge="danger"></bp-icon>
<bp-icon shape="employee-group" badge="accent"></bp-icon>
<bp-icon shape="employee-group" badge="success"></bp-icon>
<bp-icon shape="employee-group" badge="warning"></bp-icon>
<bp-icon shape="employee-group" badge="danger"></bp-icon>
<bp-icon shape="employee" badge="accent"></bp-icon>
<bp-icon shape="employee" badge="success"></bp-icon>
<bp-icon shape="employee" badge="warning"></bp-icon>
<bp-icon shape="employee" badge="danger"></bp-icon>
<bp-icon shape="envelope" badge="accent"></bp-icon>
<bp-icon shape="envelope" badge="success"></bp-icon>
<bp-icon shape="envelope" badge="warning"></bp-icon>
<bp-icon shape="envelope" badge="danger"></bp-icon>
<bp-icon shape="eraser" badge="accent"></bp-icon>
<bp-icon shape="eraser" badge="success"></bp-icon>
<bp-icon shape="eraser" badge="warning"></bp-icon>
<bp-icon shape="eraser" badge="danger"></bp-icon>
<bp-icon shape="error" badge="accent"></bp-icon>
<bp-icon shape="error" badge="success"></bp-icon>
<bp-icon shape="error" badge="warning"></bp-icon>
<bp-icon shape="error" badge="danger"></bp-icon>
<bp-icon shape="euro" badge="accent"></bp-icon>
<bp-icon shape="euro" badge="success"></bp-icon>
<bp-icon shape="euro" badge="warning"></bp-icon>
<bp-icon shape="euro" badge="danger"></bp-icon>
<bp-icon shape="event" badge="accent"></bp-icon>
<bp-icon shape="event" badge="success"></bp-icon>
<bp-icon shape="event" badge="warning"></bp-icon>
<bp-icon shape="event" badge="danger"></bp-icon>
<bp-icon shape="expand-card" badge="accent"></bp-icon>
<bp-icon shape="expand-card" badge="success"></bp-icon>
<bp-icon shape="expand-card" badge="warning"></bp-icon>
<bp-icon shape="expand-card" badge="danger"></bp-icon>
<bp-icon shape="export" badge="accent"></bp-icon>
<bp-icon shape="export" badge="success"></bp-icon>
<bp-icon shape="export" badge="warning"></bp-icon>
<bp-icon shape="export" badge="danger"></bp-icon>
<bp-icon shape="eye-hide" badge="accent"></bp-icon>
<bp-icon shape="eye-hide" badge="success"></bp-icon>
<bp-icon shape="eye-hide" badge="warning"></bp-icon>
<bp-icon shape="eye-hide" badge="danger"></bp-icon>
<bp-icon shape="eye" badge="accent"></bp-icon>
<bp-icon shape="eye" badge="success"></bp-icon>
<bp-icon shape="eye" badge="warning"></bp-icon>
<bp-icon shape="eye" badge="danger"></bp-icon>
<bp-icon shape="factory" badge="accent"></bp-icon>
<bp-icon shape="factory" badge="success"></bp-icon>
<bp-icon shape="factory" badge="warning"></bp-icon>
<bp-icon shape="factory" badge="danger"></bp-icon>
<bp-icon shape="fast-forward" badge="accent"></bp-icon>
<bp-icon shape="fast-forward" badge="success"></bp-icon>
<bp-icon shape="fast-forward" badge="warning"></bp-icon>
<bp-icon shape="fast-forward" badge="danger"></bp-icon>
<bp-icon shape="favorite" badge="accent"></bp-icon>
<bp-icon shape="favorite" badge="success"></bp-icon>
<bp-icon shape="favorite" badge="warning"></bp-icon>
<bp-icon shape="favorite" badge="danger"></bp-icon>
<bp-icon shape="ferry" badge="accent"></bp-icon>
<bp-icon shape="ferry" badge="success"></bp-icon>
<bp-icon shape="ferry" badge="warning"></bp-icon>
<bp-icon shape="ferry" badge="danger"></bp-icon>
<bp-icon shape="file-group" badge="accent"></bp-icon>
<bp-icon shape="file-group" badge="success"></bp-icon>
<bp-icon shape="file-group" badge="warning"></bp-icon>
<bp-icon shape="file-group" badge="danger"></bp-icon>
<bp-icon shape="file" badge="accent"></bp-icon>
<bp-icon shape="file" badge="success"></bp-icon>
<bp-icon shape="file" badge="warning"></bp-icon>
<bp-icon shape="file" badge="danger"></bp-icon>
<bp-icon shape="file-settings" badge="accent"></bp-icon>
<bp-icon shape="file-settings" badge="success"></bp-icon>
<bp-icon shape="file-settings" badge="warning"></bp-icon>
<bp-icon shape="file-settings" badge="danger"></bp-icon>
<bp-icon shape="file-share-2" badge="accent"></bp-icon>
<bp-icon shape="file-share-2" badge="success"></bp-icon>
<bp-icon shape="file-share-2" badge="warning"></bp-icon>
<bp-icon shape="file-share-2" badge="danger"></bp-icon>
<bp-icon shape="file-share" badge="accent"></bp-icon>
<bp-icon shape="file-share" badge="success"></bp-icon>
<bp-icon shape="file-share" badge="warning"></bp-icon>
<bp-icon shape="file-share" badge="danger"></bp-icon>
<bp-icon shape="file-zip" badge="accent"></bp-icon>
<bp-icon shape="file-zip" badge="success"></bp-icon>
<bp-icon shape="file-zip" badge="warning"></bp-icon>
<bp-icon shape="file-zip" badge="danger"></bp-icon>
<bp-icon shape="film-strip" badge="accent"></bp-icon>
<bp-icon shape="film-strip" badge="success"></bp-icon>
<bp-icon shape="film-strip" badge="warning"></bp-icon>
<bp-icon shape="film-strip" badge="danger"></bp-icon>
<bp-icon shape="filter-2" badge="accent"></bp-icon>
<bp-icon shape="filter-2" badge="success"></bp-icon>
<bp-icon shape="filter-2" badge="warning"></bp-icon>
<bp-icon shape="filter-2" badge="danger"></bp-icon>
<bp-icon shape="filter" badge="accent"></bp-icon>
<bp-icon shape="filter" badge="success"></bp-icon>
<bp-icon shape="filter" badge="warning"></bp-icon>
<bp-icon shape="filter" badge="danger"></bp-icon>
<bp-icon shape="filter-off" badge="accent"></bp-icon>
<bp-icon shape="filter-off" badge="success"></bp-icon>
<bp-icon shape="filter-off" badge="warning"></bp-icon>
<bp-icon shape="filter-off" badge="danger"></bp-icon>
<bp-icon shape="firewall" badge="accent"></bp-icon>
<bp-icon shape="firewall" badge="success"></bp-icon>
<bp-icon shape="firewall" badge="warning"></bp-icon>
<bp-icon shape="firewall" badge="danger"></bp-icon>
<bp-icon shape="first-aid-kit" badge="accent"></bp-icon>
<bp-icon shape="first-aid-kit" badge="success"></bp-icon>
<bp-icon shape="first-aid-kit" badge="warning"></bp-icon>
<bp-icon shape="first-aid-kit" badge="danger"></bp-icon>
<bp-icon shape="fish" badge="accent"></bp-icon>
<bp-icon shape="fish" badge="success"></bp-icon>
<bp-icon shape="fish" badge="warning"></bp-icon>
<bp-icon shape="fish" badge="danger"></bp-icon>
<bp-icon shape="flag" badge="accent"></bp-icon>
<bp-icon shape="flag" badge="success"></bp-icon>
<bp-icon shape="flag" badge="warning"></bp-icon>
<bp-icon shape="flag" badge="danger"></bp-icon>
<bp-icon shape="flame" badge="accent"></bp-icon>
<bp-icon shape="flame" badge="success"></bp-icon>
<bp-icon shape="flame" badge="warning"></bp-icon>
<bp-icon shape="flame" badge="danger"></bp-icon>
<bp-icon shape="flask" badge="accent"></bp-icon>
<bp-icon shape="flask" badge="success"></bp-icon>
<bp-icon shape="flask" badge="warning"></bp-icon>
<bp-icon shape="flask" badge="danger"></bp-icon>
<bp-icon shape="floppy" badge="accent"></bp-icon>
<bp-icon shape="floppy" badge="success"></bp-icon>
<bp-icon shape="floppy" badge="warning"></bp-icon>
<bp-icon shape="floppy" badge="danger"></bp-icon>
<bp-icon shape="flow-chart" badge="accent"></bp-icon>
<bp-icon shape="flow-chart" badge="success"></bp-icon>
<bp-icon shape="flow-chart" badge="warning"></bp-icon>
<bp-icon shape="flow-chart" badge="danger"></bp-icon>
<bp-icon shape="folder" badge="accent"></bp-icon>
<bp-icon shape="folder" badge="success"></bp-icon>
<bp-icon shape="folder" badge="warning"></bp-icon>
<bp-icon shape="folder" badge="danger"></bp-icon>
<bp-icon shape="folder-open" badge="accent"></bp-icon>
<bp-icon shape="folder-open" badge="success"></bp-icon>
<bp-icon shape="folder-open" badge="warning"></bp-icon>
<bp-icon shape="folder-open" badge="danger"></bp-icon>
<bp-icon shape="font-size" badge="accent"></bp-icon>
<bp-icon shape="font-size" badge="success"></bp-icon>
<bp-icon shape="font-size" badge="warning"></bp-icon>
<bp-icon shape="font-size" badge="danger"></bp-icon>
<bp-icon shape="forking" badge="accent"></bp-icon>
<bp-icon shape="forking" badge="success"></bp-icon>
<bp-icon shape="forking" badge="warning"></bp-icon>
<bp-icon shape="forking" badge="danger"></bp-icon>
<bp-icon shape="form" badge="accent"></bp-icon>
<bp-icon shape="form" badge="success"></bp-icon>
<bp-icon shape="form" badge="warning"></bp-icon>
<bp-icon shape="form" badge="danger"></bp-icon>
<bp-icon shape="fuel" badge="accent"></bp-icon>
<bp-icon shape="fuel" badge="success"></bp-icon>
<bp-icon shape="fuel" badge="warning"></bp-icon>
<bp-icon shape="fuel" badge="danger"></bp-icon>
<bp-icon shape="gavel" badge="accent"></bp-icon>
<bp-icon shape="gavel" badge="success"></bp-icon>
<bp-icon shape="gavel" badge="warning"></bp-icon>
<bp-icon shape="gavel" badge="danger"></bp-icon>
<bp-icon shape="grid-chart" badge="accent"></bp-icon>
<bp-icon shape="grid-chart" badge="success"></bp-icon>
<bp-icon shape="grid-chart" badge="warning"></bp-icon>
<bp-icon shape="grid-chart" badge="danger"></bp-icon>
<bp-icon shape="grid-view" badge="accent"></bp-icon>
<bp-icon shape="grid-view" badge="success"></bp-icon>
<bp-icon shape="grid-view" badge="warning"></bp-icon>
<bp-icon shape="grid-view" badge="danger"></bp-icon>
<bp-icon shape="group" badge="accent"></bp-icon>
<bp-icon shape="group" badge="success"></bp-icon>
<bp-icon shape="group" badge="warning"></bp-icon>
<bp-icon shape="group" badge="danger"></bp-icon>
<bp-icon shape="half-star" badge="accent"></bp-icon>
<bp-icon shape="half-star" badge="success"></bp-icon>
<bp-icon shape="half-star" badge="warning"></bp-icon>
<bp-icon shape="half-star" badge="danger"></bp-icon>
<bp-icon shape="happy-face" badge="accent"></bp-icon>
<bp-icon shape="happy-face" badge="success"></bp-icon>
<bp-icon shape="happy-face" badge="warning"></bp-icon>
<bp-icon shape="happy-face" badge="danger"></bp-icon>
<bp-icon shape="hard-disk" badge="accent"></bp-icon>
<bp-icon shape="hard-disk" badge="success"></bp-icon>
<bp-icon shape="hard-disk" badge="warning"></bp-icon>
<bp-icon shape="hard-disk" badge="danger"></bp-icon>
<bp-icon shape="hard-drive-disks" badge="accent"></bp-icon>
<bp-icon shape="hard-drive-disks" badge="success"></bp-icon>
<bp-icon shape="hard-drive-disks" badge="warning"></bp-icon>
<bp-icon shape="hard-drive-disks" badge="danger"></bp-icon>
<bp-icon shape="hard-drive" badge="accent"></bp-icon>
<bp-icon shape="hard-drive" badge="success"></bp-icon>
<bp-icon shape="hard-drive" badge="warning"></bp-icon>
<bp-icon shape="hard-drive" badge="danger"></bp-icon>
<bp-icon shape="hashtag" badge="accent"></bp-icon>
<bp-icon shape="hashtag" badge="success"></bp-icon>
<bp-icon shape="hashtag" badge="warning"></bp-icon>
<bp-icon shape="hashtag" badge="danger"></bp-icon>
<bp-icon shape="headphones" badge="accent"></bp-icon>
<bp-icon shape="headphones" badge="success"></bp-icon>
<bp-icon shape="headphones" badge="warning"></bp-icon>
<bp-icon shape="headphones" badge="danger"></bp-icon>
<bp-icon shape="heart-broken" badge="accent"></bp-icon>
<bp-icon shape="heart-broken" badge="success"></bp-icon>
<bp-icon shape="heart-broken" badge="warning"></bp-icon>
<bp-icon shape="heart-broken" badge="danger"></bp-icon>
<bp-icon shape="heart" badge="accent"></bp-icon>
<bp-icon shape="heart" badge="success"></bp-icon>
<bp-icon shape="heart" badge="warning"></bp-icon>
<bp-icon shape="heart" badge="danger"></bp-icon>
<bp-icon shape="heat-map" badge="accent"></bp-icon>
<bp-icon shape="heat-map" badge="success"></bp-icon>
<bp-icon shape="heat-map" badge="warning"></bp-icon>
<bp-icon shape="heat-map" badge="danger"></bp-icon>
<bp-icon shape="helix" badge="accent"></bp-icon>
<bp-icon shape="helix" badge="success"></bp-icon>
<bp-icon shape="helix" badge="warning"></bp-icon>
<bp-icon shape="helix" badge="danger"></bp-icon>
<bp-icon shape="help-info" badge="accent"></bp-icon>
<bp-icon shape="help-info" badge="success"></bp-icon>
<bp-icon shape="help-info" badge="warning"></bp-icon>
<bp-icon shape="help-info" badge="danger"></bp-icon>
<bp-icon shape="help" badge="accent"></bp-icon>
<bp-icon shape="help" badge="success"></bp-icon>
<bp-icon shape="help" badge="warning"></bp-icon>
<bp-icon shape="help" badge="danger"></bp-icon>
<bp-icon shape="highlighter" badge="accent"></bp-icon>
<bp-icon shape="highlighter" badge="success"></bp-icon>
<bp-icon shape="highlighter" badge="warning"></bp-icon>
<bp-icon shape="highlighter" badge="danger"></bp-icon>
<bp-icon shape="history" badge="accent"></bp-icon>
<bp-icon shape="history" badge="success"></bp-icon>
<bp-icon shape="history" badge="warning"></bp-icon>
<bp-icon shape="history" badge="danger"></bp-icon>
<bp-icon shape="home" badge="accent"></bp-icon>
<bp-icon shape="home" badge="success"></bp-icon>
<bp-icon shape="home" badge="warning"></bp-icon>
<bp-icon shape="home" badge="danger"></bp-icon>
<bp-icon shape="host-group" badge="accent"></bp-icon>
<bp-icon shape="host-group" badge="success"></bp-icon>
<bp-icon shape="host-group" badge="warning"></bp-icon>
<bp-icon shape="host-group" badge="danger"></bp-icon>
<bp-icon shape="host" badge="accent"></bp-icon>
<bp-icon shape="host" badge="success"></bp-icon>
<bp-icon shape="host" badge="warning"></bp-icon>
<bp-icon shape="host" badge="danger"></bp-icon>
<bp-icon shape="hourglass" badge="accent"></bp-icon>
<bp-icon shape="hourglass" badge="success"></bp-icon>
<bp-icon shape="hourglass" badge="warning"></bp-icon>
<bp-icon shape="hourglass" badge="danger"></bp-icon>
<bp-icon shape="id-badge" badge="accent"></bp-icon>
<bp-icon shape="id-badge" badge="success"></bp-icon>
<bp-icon shape="id-badge" badge="warning"></bp-icon>
<bp-icon shape="id-badge" badge="danger"></bp-icon>
<bp-icon shape="image-gallery" badge="accent"></bp-icon>
<bp-icon shape="image-gallery" badge="success"></bp-icon>
<bp-icon shape="image-gallery" badge="warning"></bp-icon>
<bp-icon shape="image-gallery" badge="danger"></bp-icon>
<bp-icon shape="image" badge="accent"></bp-icon>
<bp-icon shape="image" badge="success"></bp-icon>
<bp-icon shape="image" badge="warning"></bp-icon>
<bp-icon shape="image" badge="danger"></bp-icon>
<bp-icon shape="import" badge="accent"></bp-icon>
<bp-icon shape="import" badge="success"></bp-icon>
<bp-icon shape="import" badge="warning"></bp-icon>
<bp-icon shape="import" badge="danger"></bp-icon>
<bp-icon shape="inbox" badge="accent"></bp-icon>
<bp-icon shape="inbox" badge="success"></bp-icon>
<bp-icon shape="inbox" badge="warning"></bp-icon>
<bp-icon shape="inbox" badge="danger"></bp-icon>
<bp-icon shape="indent" badge="accent"></bp-icon>
<bp-icon shape="indent" badge="success"></bp-icon>
<bp-icon shape="indent" badge="warning"></bp-icon>
<bp-icon shape="indent" badge="danger"></bp-icon>
<bp-icon shape="inductor" badge="accent"></bp-icon>
<bp-icon shape="inductor" badge="success"></bp-icon>
<bp-icon shape="inductor" badge="warning"></bp-icon>
<bp-icon shape="inductor" badge="danger"></bp-icon>
<bp-icon shape="info" badge="accent"></bp-icon>
<bp-icon shape="info" badge="success"></bp-icon>
<bp-icon shape="info" badge="warning"></bp-icon>
<bp-icon shape="info" badge="danger"></bp-icon>
<bp-icon shape="install" badge="accent"></bp-icon>
<bp-icon shape="install" badge="success"></bp-icon>
<bp-icon shape="install" badge="warning"></bp-icon>
<bp-icon shape="install" badge="danger"></bp-icon>
<bp-icon shape="internet-of-things" badge="accent"></bp-icon>
<bp-icon shape="internet-of-things" badge="success"></bp-icon>
<bp-icon shape="internet-of-things" badge="warning"></bp-icon>
<bp-icon shape="internet-of-things" badge="danger"></bp-icon>
<bp-icon shape="italic" badge="accent"></bp-icon>
<bp-icon shape="italic" badge="success"></bp-icon>
<bp-icon shape="italic" badge="warning"></bp-icon>
<bp-icon shape="italic" badge="danger"></bp-icon>
<bp-icon shape="justify-text" badge="accent"></bp-icon>
<bp-icon shape="justify-text" badge="success"></bp-icon>
<bp-icon shape="justify-text" badge="warning"></bp-icon>
<bp-icon shape="justify-text" badge="danger"></bp-icon>
<bp-icon shape="key" badge="accent"></bp-icon>
<bp-icon shape="key" badge="success"></bp-icon>
<bp-icon shape="key" badge="warning"></bp-icon>
<bp-icon shape="key" badge="danger"></bp-icon>
<bp-icon shape="keyboard" badge="accent"></bp-icon>
<bp-icon shape="keyboard" badge="success"></bp-icon>
<bp-icon shape="keyboard" badge="warning"></bp-icon>
<bp-icon shape="keyboard" badge="danger"></bp-icon>
<bp-icon shape="landscape" badge="accent"></bp-icon>
<bp-icon shape="landscape" badge="success"></bp-icon>
<bp-icon shape="landscape" badge="warning"></bp-icon>
<bp-icon shape="landscape" badge="danger"></bp-icon>
<bp-icon shape="language" badge="accent"></bp-icon>
<bp-icon shape="language" badge="success"></bp-icon>
<bp-icon shape="language" badge="warning"></bp-icon>
<bp-icon shape="language" badge="danger"></bp-icon>
<bp-icon shape="launchpad" badge="accent"></bp-icon>
<bp-icon shape="launchpad" badge="success"></bp-icon>
<bp-icon shape="launchpad" badge="warning"></bp-icon>
<bp-icon shape="launchpad" badge="danger"></bp-icon>
<bp-icon shape="layers" badge="accent"></bp-icon>
<bp-icon shape="layers" badge="success"></bp-icon>
<bp-icon shape="layers" badge="warning"></bp-icon>
<bp-icon shape="layers" badge="danger"></bp-icon>
<bp-icon shape="library" badge="accent"></bp-icon>
<bp-icon shape="library" badge="success"></bp-icon>
<bp-icon shape="library" badge="warning"></bp-icon>
<bp-icon shape="library" badge="danger"></bp-icon>
<bp-icon shape="license" badge="accent"></bp-icon>
<bp-icon shape="license" badge="success"></bp-icon>
<bp-icon shape="license" badge="warning"></bp-icon>
<bp-icon shape="license" badge="danger"></bp-icon>
<bp-icon shape="lightbulb" badge="accent"></bp-icon>
<bp-icon shape="lightbulb" badge="success"></bp-icon>
<bp-icon shape="lightbulb" badge="warning"></bp-icon>
<bp-icon shape="lightbulb" badge="danger"></bp-icon>
<bp-icon shape="lightning" badge="accent"></bp-icon>
<bp-icon shape="lightning" badge="success"></bp-icon>
<bp-icon shape="lightning" badge="warning"></bp-icon>
<bp-icon shape="lightning" badge="danger"></bp-icon>
<bp-icon shape="line-chart" badge="accent"></bp-icon>
<bp-icon shape="line-chart" badge="success"></bp-icon>
<bp-icon shape="line-chart" badge="warning"></bp-icon>
<bp-icon shape="line-chart" badge="danger"></bp-icon>
<bp-icon shape="link" badge="accent"></bp-icon>
<bp-icon shape="link" badge="success"></bp-icon>
<bp-icon shape="link" badge="warning"></bp-icon>
<bp-icon shape="link" badge="danger"></bp-icon>
<bp-icon shape="list" badge="accent"></bp-icon>
<bp-icon shape="list" badge="success"></bp-icon>
<bp-icon shape="list" badge="warning"></bp-icon>
<bp-icon shape="list" badge="danger"></bp-icon>
<bp-icon shape="lock" badge="accent"></bp-icon>
<bp-icon shape="lock" badge="success"></bp-icon>
<bp-icon shape="lock" badge="warning"></bp-icon>
<bp-icon shape="lock" badge="danger"></bp-icon>
<bp-icon shape="login" badge="accent"></bp-icon>
<bp-icon shape="login" badge="success"></bp-icon>
<bp-icon shape="login" badge="warning"></bp-icon>
<bp-icon shape="login" badge="danger"></bp-icon>
<bp-icon shape="logout" badge="accent"></bp-icon>
<bp-icon shape="logout" badge="success"></bp-icon>
<bp-icon shape="logout" badge="warning"></bp-icon>
<bp-icon shape="logout" badge="danger"></bp-icon>
<bp-icon shape="map" badge="accent"></bp-icon>
<bp-icon shape="map" badge="success"></bp-icon>
<bp-icon shape="map" badge="warning"></bp-icon>
<bp-icon shape="map" badge="danger"></bp-icon>
<bp-icon shape="map-marker" badge="accent"></bp-icon>
<bp-icon shape="map-marker" badge="success"></bp-icon>
<bp-icon shape="map-marker" badge="warning"></bp-icon>
<bp-icon shape="map-marker" badge="danger"></bp-icon>
<bp-icon shape="media-changer" badge="accent"></bp-icon>
<bp-icon shape="media-changer" badge="success"></bp-icon>
<bp-icon shape="media-changer" badge="warning"></bp-icon>
<bp-icon shape="media-changer" badge="danger"></bp-icon>
<bp-icon shape="memory" badge="accent"></bp-icon>
<bp-icon shape="memory" badge="success"></bp-icon>
<bp-icon shape="memory" badge="warning"></bp-icon>
<bp-icon shape="memory" badge="danger"></bp-icon>
<bp-icon shape="menu" badge="accent"></bp-icon>
<bp-icon shape="menu" badge="success"></bp-icon>
<bp-icon shape="menu" badge="warning"></bp-icon>
<bp-icon shape="menu" badge="danger"></bp-icon>
<bp-icon shape="microphone" badge="accent"></bp-icon>
<bp-icon shape="microphone" badge="success"></bp-icon>
<bp-icon shape="microphone" badge="warning"></bp-icon>
<bp-icon shape="microphone" badge="danger"></bp-icon>
<bp-icon shape="microphone-mute" badge="accent"></bp-icon>
<bp-icon shape="microphone-mute" badge="success"></bp-icon>
<bp-icon shape="microphone-mute" badge="warning"></bp-icon>
<bp-icon shape="microphone-mute" badge="danger"></bp-icon>
<bp-icon shape="minus-circle" badge="accent"></bp-icon>
<bp-icon shape="minus-circle" badge="success"></bp-icon>
<bp-icon shape="minus-circle" badge="warning"></bp-icon>
<bp-icon shape="minus-circle" badge="danger"></bp-icon>
<bp-icon shape="minus" badge="accent"></bp-icon>
<bp-icon shape="minus" badge="success"></bp-icon>
<bp-icon shape="minus" badge="warning"></bp-icon>
<bp-icon shape="minus" badge="danger"></bp-icon>
<bp-icon shape="mobile" badge="accent"></bp-icon>
<bp-icon shape="mobile" badge="success"></bp-icon>
<bp-icon shape="mobile" badge="warning"></bp-icon>
<bp-icon shape="mobile" badge="danger"></bp-icon>
<bp-icon shape="mobile-phone" badge="accent"></bp-icon>
<bp-icon shape="mobile-phone" badge="success"></bp-icon>
<bp-icon shape="mobile-phone" badge="warning"></bp-icon>
<bp-icon shape="mobile-phone" badge="danger"></bp-icon>
<bp-icon shape="moon" badge="accent"></bp-icon>
<bp-icon shape="moon" badge="success"></bp-icon>
<bp-icon shape="moon" badge="warning"></bp-icon>
<bp-icon shape="moon" badge="danger"></bp-icon>
<bp-icon shape="mouse" badge="accent"></bp-icon>
<bp-icon shape="mouse" badge="success"></bp-icon>
<bp-icon shape="mouse" badge="warning"></bp-icon>
<bp-icon shape="mouse" badge="danger"></bp-icon>
<bp-icon shape="music-note" badge="accent"></bp-icon>
<bp-icon shape="music-note" badge="success"></bp-icon>
<bp-icon shape="music-note" badge="warning"></bp-icon>
<bp-icon shape="music-note" badge="danger"></bp-icon>
<bp-icon shape="namespace" badge="accent"></bp-icon>
<bp-icon shape="namespace" badge="success"></bp-icon>
<bp-icon shape="namespace" badge="warning"></bp-icon>
<bp-icon shape="namespace" badge="danger"></bp-icon>
<bp-icon shape="network-globe" badge="accent"></bp-icon>
<bp-icon shape="network-globe" badge="success"></bp-icon>
<bp-icon shape="network-globe" badge="warning"></bp-icon>
<bp-icon shape="network-globe" badge="danger"></bp-icon>
<bp-icon shape="network-settings" badge="accent"></bp-icon>
<bp-icon shape="network-settings" badge="success"></bp-icon>
<bp-icon shape="network-settings" badge="warning"></bp-icon>
<bp-icon shape="network-settings" badge="danger"></bp-icon>
<bp-icon shape="network-switch" badge="accent"></bp-icon>
<bp-icon shape="network-switch" badge="success"></bp-icon>
<bp-icon shape="network-switch" badge="warning"></bp-icon>
<bp-icon shape="network-switch" badge="danger"></bp-icon>
<bp-icon shape="neutral-face" badge="accent"></bp-icon>
<bp-icon shape="neutral-face" badge="success"></bp-icon>
<bp-icon shape="neutral-face" badge="warning"></bp-icon>
<bp-icon shape="neutral-face" badge="danger"></bp-icon>
<bp-icon shape="new" badge="accent"></bp-icon>
<bp-icon shape="new" badge="success"></bp-icon>
<bp-icon shape="new" badge="warning"></bp-icon>
<bp-icon shape="new" badge="danger"></bp-icon>
<bp-icon shape="no-access" badge="accent"></bp-icon>
<bp-icon shape="no-access" badge="success"></bp-icon>
<bp-icon shape="no-access" badge="warning"></bp-icon>
<bp-icon shape="no-access" badge="danger"></bp-icon>
<bp-icon shape="no-wifi" badge="accent"></bp-icon>
<bp-icon shape="no-wifi" badge="success"></bp-icon>
<bp-icon shape="no-wifi" badge="warning"></bp-icon>
<bp-icon shape="no-wifi" badge="danger"></bp-icon>
<bp-icon shape="node-group" badge="accent"></bp-icon>
<bp-icon shape="node-group" badge="success"></bp-icon>
<bp-icon shape="node-group" badge="warning"></bp-icon>
<bp-icon shape="node-group" badge="danger"></bp-icon>
<bp-icon shape="node" badge="accent"></bp-icon>
<bp-icon shape="node" badge="success"></bp-icon>
<bp-icon shape="node" badge="warning"></bp-icon>
<bp-icon shape="node" badge="danger"></bp-icon>
<bp-icon shape="nodes" badge="accent"></bp-icon>
<bp-icon shape="nodes" badge="success"></bp-icon>
<bp-icon shape="nodes" badge="warning"></bp-icon>
<bp-icon shape="nodes" badge="danger"></bp-icon>
<bp-icon shape="note" badge="accent"></bp-icon>
<bp-icon shape="note" badge="success"></bp-icon>
<bp-icon shape="note" badge="warning"></bp-icon>
<bp-icon shape="note" badge="danger"></bp-icon>
<bp-icon shape="notification" badge="accent"></bp-icon>
<bp-icon shape="notification" badge="success"></bp-icon>
<bp-icon shape="notification" badge="warning"></bp-icon>
<bp-icon shape="notification" badge="danger"></bp-icon>
<bp-icon shape="number-list" badge="accent"></bp-icon>
<bp-icon shape="number-list" badge="success"></bp-icon>
<bp-icon shape="number-list" badge="warning"></bp-icon>
<bp-icon shape="number-list" badge="danger"></bp-icon>
<bp-icon shape="objects" badge="accent"></bp-icon>
<bp-icon shape="objects" badge="success"></bp-icon>
<bp-icon shape="objects" badge="warning"></bp-icon>
<bp-icon shape="objects" badge="danger"></bp-icon>
<bp-icon shape="on-holiday" badge="accent"></bp-icon>
<bp-icon shape="on-holiday" badge="success"></bp-icon>
<bp-icon shape="on-holiday" badge="warning"></bp-icon>
<bp-icon shape="on-holiday" badge="danger"></bp-icon>
<bp-icon shape="organization" badge="accent"></bp-icon>
<bp-icon shape="organization" badge="success"></bp-icon>
<bp-icon shape="organization" badge="warning"></bp-icon>
<bp-icon shape="organization" badge="danger"></bp-icon>
<bp-icon shape="outdent" badge="accent"></bp-icon>
<bp-icon shape="outdent" badge="success"></bp-icon>
<bp-icon shape="outdent" badge="warning"></bp-icon>
<bp-icon shape="outdent" badge="danger"></bp-icon>
<bp-icon shape="paint-roller" badge="accent"></bp-icon>
<bp-icon shape="paint-roller" badge="success"></bp-icon>
<bp-icon shape="paint-roller" badge="warning"></bp-icon>
<bp-icon shape="paint-roller" badge="danger"></bp-icon>
<bp-icon shape="paperclip" badge="accent"></bp-icon>
<bp-icon shape="paperclip" badge="success"></bp-icon>
<bp-icon shape="paperclip" badge="warning"></bp-icon>
<bp-icon shape="paperclip" badge="danger"></bp-icon>
<bp-icon shape="paste" badge="accent"></bp-icon>
<bp-icon shape="paste" badge="success"></bp-icon>
<bp-icon shape="paste" badge="warning"></bp-icon>
<bp-icon shape="paste" badge="danger"></bp-icon>
<bp-icon shape="pause" badge="accent"></bp-icon>
<bp-icon shape="pause" badge="success"></bp-icon>
<bp-icon shape="pause" badge="warning"></bp-icon>
<bp-icon shape="pause" badge="danger"></bp-icon>
<bp-icon shape="pencil" badge="accent"></bp-icon>
<bp-icon shape="pencil" badge="success"></bp-icon>
<bp-icon shape="pencil" badge="warning"></bp-icon>
<bp-icon shape="pencil" badge="danger"></bp-icon>
<bp-icon shape="peso" badge="accent"></bp-icon>
<bp-icon shape="peso" badge="success"></bp-icon>
<bp-icon shape="peso" badge="warning"></bp-icon>
<bp-icon shape="peso" badge="danger"></bp-icon>
<bp-icon shape="phone-handset" badge="accent"></bp-icon>
<bp-icon shape="phone-handset" badge="success"></bp-icon>
<bp-icon shape="phone-handset" badge="warning"></bp-icon>
<bp-icon shape="phone-handset" badge="danger"></bp-icon>
<bp-icon shape="picture" badge="accent"></bp-icon>
<bp-icon shape="picture" badge="success"></bp-icon>
<bp-icon shape="picture" badge="warning"></bp-icon>
<bp-icon shape="picture" badge="danger"></bp-icon>
<bp-icon shape="pie-chart" badge="accent"></bp-icon>
<bp-icon shape="pie-chart" badge="success"></bp-icon>
<bp-icon shape="pie-chart" badge="warning"></bp-icon>
<bp-icon shape="pie-chart" badge="danger"></bp-icon>
<bp-icon shape="piggy-bank" badge="accent"></bp-icon>
<bp-icon shape="piggy-bank" badge="success"></bp-icon>
<bp-icon shape="piggy-bank" badge="warning"></bp-icon>
<bp-icon shape="piggy-bank" badge="danger"></bp-icon>
<bp-icon shape="pin" badge="accent"></bp-icon>
<bp-icon shape="pin" badge="success"></bp-icon>
<bp-icon shape="pin" badge="warning"></bp-icon>
<bp-icon shape="pin" badge="danger"></bp-icon>
<bp-icon shape="pinboard" badge="accent"></bp-icon>
<bp-icon shape="pinboard" badge="success"></bp-icon>
<bp-icon shape="pinboard" badge="warning"></bp-icon>
<bp-icon shape="pinboard" badge="danger"></bp-icon>
<bp-icon shape="plane" badge="accent"></bp-icon>
<bp-icon shape="plane" badge="success"></bp-icon>
<bp-icon shape="plane" badge="warning"></bp-icon>
<bp-icon shape="plane" badge="danger"></bp-icon>
<bp-icon shape="play" badge="accent"></bp-icon>
<bp-icon shape="play" badge="success"></bp-icon>
<bp-icon shape="play" badge="warning"></bp-icon>
<bp-icon shape="play" badge="danger"></bp-icon>
<bp-icon shape="plugin" badge="accent"></bp-icon>
<bp-icon shape="plugin" badge="success"></bp-icon>
<bp-icon shape="plugin" badge="warning"></bp-icon>
<bp-icon shape="plugin" badge="danger"></bp-icon>
<bp-icon shape="pod" badge="accent"></bp-icon>
<bp-icon shape="pod" badge="success"></bp-icon>
<bp-icon shape="pod" badge="warning"></bp-icon>
<bp-icon shape="pod" badge="danger"></bp-icon>
<bp-icon shape="pop-out" badge="accent"></bp-icon>
<bp-icon shape="pop-out" badge="success"></bp-icon>
<bp-icon shape="pop-out" badge="warning"></bp-icon>
<bp-icon shape="pop-out" badge="danger"></bp-icon>
<bp-icon shape="portrait" badge="accent"></bp-icon>
<bp-icon shape="portrait" badge="success"></bp-icon>
<bp-icon shape="portrait" badge="warning"></bp-icon>
<bp-icon shape="portrait" badge="danger"></bp-icon>
<bp-icon shape="pound" badge="accent"></bp-icon>
<bp-icon shape="pound" badge="success"></bp-icon>
<bp-icon shape="pound" badge="warning"></bp-icon>
<bp-icon shape="pound" badge="danger"></bp-icon>
<bp-icon shape="power" badge="accent"></bp-icon>
<bp-icon shape="power" badge="success"></bp-icon>
<bp-icon shape="power" badge="warning"></bp-icon>
<bp-icon shape="power" badge="danger"></bp-icon>
<bp-icon shape="printer" badge="accent"></bp-icon>
<bp-icon shape="printer" badge="success"></bp-icon>
<bp-icon shape="printer" badge="warning"></bp-icon>
<bp-icon shape="printer" badge="danger"></bp-icon>
<bp-icon shape="qr-code" badge="accent"></bp-icon>
<bp-icon shape="qr-code" badge="success"></bp-icon>
<bp-icon shape="qr-code" badge="warning"></bp-icon>
<bp-icon shape="qr-code" badge="danger"></bp-icon>
<bp-icon shape="rack-server" badge="accent"></bp-icon>
<bp-icon shape="rack-server" badge="success"></bp-icon>
<bp-icon shape="rack-server" badge="warning"></bp-icon>
<bp-icon shape="rack-server" badge="danger"></bp-icon>
<bp-icon shape="radar" badge="accent"></bp-icon>
<bp-icon shape="radar" badge="success"></bp-icon>
<bp-icon shape="radar" badge="warning"></bp-icon>
<bp-icon shape="radar" badge="danger"></bp-icon>
<bp-icon shape="receiver" badge="accent"></bp-icon>
<bp-icon shape="receiver" badge="success"></bp-icon>
<bp-icon shape="receiver" badge="warning"></bp-icon>
<bp-icon shape="receiver" badge="danger"></bp-icon>
<bp-icon shape="recycle" badge="accent"></bp-icon>
<bp-icon shape="recycle" badge="success"></bp-icon>
<bp-icon shape="recycle" badge="warning"></bp-icon>
<bp-icon shape="recycle" badge="danger"></bp-icon>
<bp-icon shape="redo" badge="accent"></bp-icon>
<bp-icon shape="redo" badge="success"></bp-icon>
<bp-icon shape="redo" badge="warning"></bp-icon>
<bp-icon shape="redo" badge="danger"></bp-icon>
<bp-icon shape="refresh" badge="accent"></bp-icon>
<bp-icon shape="refresh" badge="success"></bp-icon>
<bp-icon shape="refresh" badge="warning"></bp-icon>
<bp-icon shape="refresh" badge="danger"></bp-icon>
<bp-icon shape="repeat" badge="accent"></bp-icon>
<bp-icon shape="repeat" badge="success"></bp-icon>
<bp-icon shape="repeat" badge="warning"></bp-icon>
<bp-icon shape="repeat" badge="danger"></bp-icon>
<bp-icon shape="replay-all" badge="accent"></bp-icon>
<bp-icon shape="replay-all" badge="success"></bp-icon>
<bp-icon shape="replay-all" badge="warning"></bp-icon>
<bp-icon shape="replay-all" badge="danger"></bp-icon>
<bp-icon shape="replay-one" badge="accent"></bp-icon>
<bp-icon shape="replay-one" badge="success"></bp-icon>
<bp-icon shape="replay-one" badge="warning"></bp-icon>
<bp-icon shape="replay-one" badge="danger"></bp-icon>
<bp-icon shape="resistor" badge="accent"></bp-icon>
<bp-icon shape="resistor" badge="success"></bp-icon>
<bp-icon shape="resistor" badge="warning"></bp-icon>
<bp-icon shape="resistor" badge="danger"></bp-icon>
<bp-icon shape="resize-down" badge="accent"></bp-icon>
<bp-icon shape="resize-down" badge="success"></bp-icon>
<bp-icon shape="resize-down" badge="warning"></bp-icon>
<bp-icon shape="resize-down" badge="danger"></bp-icon>
<bp-icon shape="resize" badge="accent"></bp-icon>
<bp-icon shape="resize" badge="success"></bp-icon>
<bp-icon shape="resize" badge="warning"></bp-icon>
<bp-icon shape="resize" badge="danger"></bp-icon>
<bp-icon shape="resource-pool" badge="accent"></bp-icon>
<bp-icon shape="resource-pool" badge="success"></bp-icon>
<bp-icon shape="resource-pool" badge="warning"></bp-icon>
<bp-icon shape="resource-pool" badge="danger"></bp-icon>
<bp-icon shape="rewind" badge="accent"></bp-icon>
<bp-icon shape="rewind" badge="success"></bp-icon>
<bp-icon shape="rewind" badge="warning"></bp-icon>
<bp-icon shape="rewind" badge="danger"></bp-icon>
<bp-icon shape="router" badge="accent"></bp-icon>
<bp-icon shape="router" badge="success"></bp-icon>
<bp-icon shape="router" badge="warning"></bp-icon>
<bp-icon shape="router" badge="danger"></bp-icon>
<bp-icon shape="ruble" badge="accent"></bp-icon>
<bp-icon shape="ruble" badge="success"></bp-icon>
<bp-icon shape="ruble" badge="warning"></bp-icon>
<bp-icon shape="ruble" badge="danger"></bp-icon>
<bp-icon shape="ruler-pencil" badge="accent"></bp-icon>
<bp-icon shape="ruler-pencil" badge="success"></bp-icon>
<bp-icon shape="ruler-pencil" badge="warning"></bp-icon>
<bp-icon shape="ruler-pencil" badge="danger"></bp-icon>
<bp-icon shape="rupee" badge="accent"></bp-icon>
<bp-icon shape="rupee" badge="success"></bp-icon>
<bp-icon shape="rupee" badge="warning"></bp-icon>
<bp-icon shape="rupee" badge="danger"></bp-icon>
<bp-icon shape="sad-face" badge="accent"></bp-icon>
<bp-icon shape="sad-face" badge="success"></bp-icon>
<bp-icon shape="sad-face" badge="warning"></bp-icon>
<bp-icon shape="sad-face" badge="danger"></bp-icon>
<bp-icon shape="savings" badge="accent"></bp-icon>
<bp-icon shape="savings" badge="success"></bp-icon>
<bp-icon shape="savings" badge="warning"></bp-icon>
<bp-icon shape="savings" badge="danger"></bp-icon>
<bp-icon shape="scatter-plot" badge="accent"></bp-icon>
<bp-icon shape="scatter-plot" badge="success"></bp-icon>
<bp-icon shape="scatter-plot" badge="warning"></bp-icon>
<bp-icon shape="scatter-plot" badge="danger"></bp-icon>
<bp-icon shape="scissors" badge="accent"></bp-icon>
<bp-icon shape="scissors" badge="success"></bp-icon>
<bp-icon shape="scissors" badge="warning"></bp-icon>
<bp-icon shape="scissors" badge="danger"></bp-icon>
<bp-icon shape="scroll" badge="accent"></bp-icon>
<bp-icon shape="scroll" badge="success"></bp-icon>
<bp-icon shape="scroll" badge="warning"></bp-icon>
<bp-icon shape="scroll" badge="danger"></bp-icon>
<bp-icon shape="search" badge="accent"></bp-icon>
<bp-icon shape="search" badge="success"></bp-icon>
<bp-icon shape="search" badge="warning"></bp-icon>
<bp-icon shape="search" badge="danger"></bp-icon>
<bp-icon shape="server" badge="accent"></bp-icon>
<bp-icon shape="server" badge="success"></bp-icon>
<bp-icon shape="server" badge="warning"></bp-icon>
<bp-icon shape="server" badge="danger"></bp-icon>
<bp-icon shape="settings" badge="accent"></bp-icon>
<bp-icon shape="settings" badge="success"></bp-icon>
<bp-icon shape="settings" badge="warning"></bp-icon>
<bp-icon shape="settings" badge="danger"></bp-icon>
<bp-icon shape="share" badge="accent"></bp-icon>
<bp-icon shape="share" badge="success"></bp-icon>
<bp-icon shape="share" badge="warning"></bp-icon>
<bp-icon shape="share" badge="danger"></bp-icon>
<bp-icon shape="shield-check" badge="accent"></bp-icon>
<bp-icon shape="shield-check" badge="success"></bp-icon>
<bp-icon shape="shield-check" badge="warning"></bp-icon>
<bp-icon shape="shield-check" badge="danger"></bp-icon>
<bp-icon shape="shield" badge="accent"></bp-icon>
<bp-icon shape="shield" badge="success"></bp-icon>
<bp-icon shape="shield" badge="warning"></bp-icon>
<bp-icon shape="shield" badge="danger"></bp-icon>
<bp-icon shape="shield-x" badge="accent"></bp-icon>
<bp-icon shape="shield-x" badge="success"></bp-icon>
<bp-icon shape="shield-x" badge="warning"></bp-icon>
<bp-icon shape="shield-x" badge="danger"></bp-icon>
<bp-icon shape="shopping-bag" badge="accent"></bp-icon>
<bp-icon shape="shopping-bag" badge="success"></bp-icon>
<bp-icon shape="shopping-bag" badge="warning"></bp-icon>
<bp-icon shape="shopping-bag" badge="danger"></bp-icon>
<bp-icon shape="shopping-cart" badge="accent"></bp-icon>
<bp-icon shape="shopping-cart" badge="success"></bp-icon>
<bp-icon shape="shopping-cart" badge="warning"></bp-icon>
<bp-icon shape="shopping-cart" badge="danger"></bp-icon>
<bp-icon shape="shrink" badge="accent"></bp-icon>
<bp-icon shape="shrink" badge="success"></bp-icon>
<bp-icon shape="shrink" badge="warning"></bp-icon>
<bp-icon shape="shrink" badge="danger"></bp-icon>
<bp-icon shape="shuffle" badge="accent"></bp-icon>
<bp-icon shape="shuffle" badge="success"></bp-icon>
<bp-icon shape="shuffle" badge="warning"></bp-icon>
<bp-icon shape="shuffle" badge="danger"></bp-icon>
<bp-icon shape="sign-in" badge="accent"></bp-icon>
<bp-icon shape="sign-in" badge="success"></bp-icon>
<bp-icon shape="sign-in" badge="warning"></bp-icon>
<bp-icon shape="sign-in" badge="danger"></bp-icon>
<bp-icon shape="sign-out" badge="accent"></bp-icon>
<bp-icon shape="sign-out" badge="success"></bp-icon>
<bp-icon shape="sign-out" badge="warning"></bp-icon>
<bp-icon shape="sign-out" badge="danger"></bp-icon>
<bp-icon shape="slider" badge="accent"></bp-icon>
<bp-icon shape="slider" badge="success"></bp-icon>
<bp-icon shape="slider" badge="warning"></bp-icon>
<bp-icon shape="slider" badge="danger"></bp-icon>
<bp-icon shape="snowflake" badge="accent"></bp-icon>
<bp-icon shape="snowflake" badge="success"></bp-icon>
<bp-icon shape="snowflake" badge="warning"></bp-icon>
<bp-icon shape="snowflake" badge="danger"></bp-icon>
<bp-icon shape="sort-by" badge="accent"></bp-icon>
<bp-icon shape="sort-by" badge="success"></bp-icon>
<bp-icon shape="sort-by" badge="warning"></bp-icon>
<bp-icon shape="sort-by" badge="danger"></bp-icon>
<bp-icon shape="squid" badge="accent"></bp-icon>
<bp-icon shape="squid" badge="success"></bp-icon>
<bp-icon shape="squid" badge="warning"></bp-icon>
<bp-icon shape="squid" badge="danger"></bp-icon>
<bp-icon shape="ssd" badge="accent"></bp-icon>
<bp-icon shape="ssd" badge="success"></bp-icon>
<bp-icon shape="ssd" badge="warning"></bp-icon>
<bp-icon shape="ssd" badge="danger"></bp-icon>
<bp-icon shape="star" badge="accent"></bp-icon>
<bp-icon shape="star" badge="success"></bp-icon>
<bp-icon shape="star" badge="warning"></bp-icon>
<bp-icon shape="star" badge="danger"></bp-icon>
<bp-icon shape="step-forward-2" badge="accent"></bp-icon>
<bp-icon shape="step-forward-2" badge="success"></bp-icon>
<bp-icon shape="step-forward-2" badge="warning"></bp-icon>
<bp-icon shape="step-forward-2" badge="danger"></bp-icon>
<bp-icon shape="step-forward" badge="accent"></bp-icon>
<bp-icon shape="step-forward" badge="success"></bp-icon>
<bp-icon shape="step-forward" badge="warning"></bp-icon>
<bp-icon shape="step-forward" badge="danger"></bp-icon>
<bp-icon shape="stop" badge="accent"></bp-icon>
<bp-icon shape="stop" badge="success"></bp-icon>
<bp-icon shape="stop" badge="warning"></bp-icon>
<bp-icon shape="stop" badge="danger"></bp-icon>
<bp-icon shape="storage-adapter" badge="accent"></bp-icon>
<bp-icon shape="storage-adapter" badge="success"></bp-icon>
<bp-icon shape="storage-adapter" badge="warning"></bp-icon>
<bp-icon shape="storage-adapter" badge="danger"></bp-icon>
<bp-icon shape="storage" badge="accent"></bp-icon>
<bp-icon shape="storage" badge="success"></bp-icon>
<bp-icon shape="storage" badge="warning"></bp-icon>
<bp-icon shape="storage" badge="danger"></bp-icon>
<bp-icon shape="store" badge="accent"></bp-icon>
<bp-icon shape="store" badge="success"></bp-icon>
<bp-icon shape="store" badge="warning"></bp-icon>
<bp-icon shape="store" badge="danger"></bp-icon>
<bp-icon shape="strikethrough" badge="accent"></bp-icon>
<bp-icon shape="strikethrough" badge="success"></bp-icon>
<bp-icon shape="strikethrough" badge="warning"></bp-icon>
<bp-icon shape="strikethrough" badge="danger"></bp-icon>
<bp-icon shape="subscript" badge="accent"></bp-icon>
<bp-icon shape="subscript" badge="success"></bp-icon>
<bp-icon shape="subscript" badge="warning"></bp-icon>
<bp-icon shape="subscript" badge="danger"></bp-icon>
<bp-icon shape="success" badge="accent"></bp-icon>
<bp-icon shape="success" badge="success"></bp-icon>
<bp-icon shape="success" badge="warning"></bp-icon>
<bp-icon shape="success" badge="danger"></bp-icon>
<bp-icon shape="sun" badge="accent"></bp-icon>
<bp-icon shape="sun" badge="success"></bp-icon>
<bp-icon shape="sun" badge="warning"></bp-icon>
<bp-icon shape="sun" badge="danger"></bp-icon>
<bp-icon shape="superscript" badge="accent"></bp-icon>
<bp-icon shape="superscript" badge="success"></bp-icon>
<bp-icon shape="superscript" badge="warning"></bp-icon>
<bp-icon shape="superscript" badge="danger"></bp-icon>
<bp-icon shape="switch" badge="accent"></bp-icon>
<bp-icon shape="switch" badge="success"></bp-icon>
<bp-icon shape="switch" badge="warning"></bp-icon>
<bp-icon shape="switch" badge="danger"></bp-icon>
<bp-icon shape="sync" badge="accent"></bp-icon>
<bp-icon shape="sync" badge="success"></bp-icon>
<bp-icon shape="sync" badge="warning"></bp-icon>
<bp-icon shape="sync" badge="danger"></bp-icon>
<bp-icon shape="table" badge="accent"></bp-icon>
<bp-icon shape="table" badge="success"></bp-icon>
<bp-icon shape="table" badge="warning"></bp-icon>
<bp-icon shape="table" badge="danger"></bp-icon>
<bp-icon shape="tablet" badge="accent"></bp-icon>
<bp-icon shape="tablet" badge="success"></bp-icon>
<bp-icon shape="tablet" badge="warning"></bp-icon>
<bp-icon shape="tablet" badge="danger"></bp-icon>
<bp-icon shape="tag" badge="accent"></bp-icon>
<bp-icon shape="tag" badge="success"></bp-icon>
<bp-icon shape="tag" badge="warning"></bp-icon>
<bp-icon shape="tag" badge="danger"></bp-icon>
<bp-icon shape="tags" badge="accent"></bp-icon>
<bp-icon shape="tags" badge="success"></bp-icon>
<bp-icon shape="tags" badge="warning"></bp-icon>
<bp-icon shape="tags" badge="danger"></bp-icon>
<bp-icon shape="talk-bubbles" badge="accent"></bp-icon>
<bp-icon shape="talk-bubbles" badge="success"></bp-icon>
<bp-icon shape="talk-bubbles" badge="warning"></bp-icon>
<bp-icon shape="talk-bubbles" badge="danger"></bp-icon>
<bp-icon shape="tape-drive" badge="accent"></bp-icon>
<bp-icon shape="tape-drive" badge="success"></bp-icon>
<bp-icon shape="tape-drive" badge="warning"></bp-icon>
<bp-icon shape="tape-drive" badge="danger"></bp-icon>
<bp-icon shape="target" badge="accent"></bp-icon>
<bp-icon shape="target" badge="success"></bp-icon>
<bp-icon shape="target" badge="warning"></bp-icon>
<bp-icon shape="target" badge="danger"></bp-icon>
<bp-icon shape="tasks" badge="accent"></bp-icon>
<bp-icon shape="tasks" badge="success"></bp-icon>
<bp-icon shape="tasks" badge="warning"></bp-icon>
<bp-icon shape="tasks" badge="danger"></bp-icon>
<bp-icon shape="terminal" badge="accent"></bp-icon>
<bp-icon shape="terminal" badge="success"></bp-icon>
<bp-icon shape="terminal" badge="warning"></bp-icon>
<bp-icon shape="terminal" badge="danger"></bp-icon>
<bp-icon shape="text-color" badge="accent"></bp-icon>
<bp-icon shape="text-color" badge="success"></bp-icon>
<bp-icon shape="text-color" badge="warning"></bp-icon>
<bp-icon shape="text-color" badge="danger"></bp-icon>
<bp-icon shape="text" badge="accent"></bp-icon>
<bp-icon shape="text" badge="success"></bp-icon>
<bp-icon shape="text" badge="warning"></bp-icon>
<bp-icon shape="text" badge="danger"></bp-icon>
<bp-icon shape="thermometer" badge="accent"></bp-icon>
<bp-icon shape="thermometer" badge="success"></bp-icon>
<bp-icon shape="thermometer" badge="warning"></bp-icon>
<bp-icon shape="thermometer" badge="danger"></bp-icon>
<bp-icon shape="thin-client" badge="accent"></bp-icon>
<bp-icon shape="thin-client" badge="success"></bp-icon>
<bp-icon shape="thin-client" badge="warning"></bp-icon>
<bp-icon shape="thin-client" badge="danger"></bp-icon>
<bp-icon shape="thumbs-down" badge="accent"></bp-icon>
<bp-icon shape="thumbs-down" badge="success"></bp-icon>
<bp-icon shape="thumbs-down" badge="warning"></bp-icon>
<bp-icon shape="thumbs-down" badge="danger"></bp-icon>
<bp-icon shape="thumbs-up" badge="accent"></bp-icon>
<bp-icon shape="thumbs-up" badge="success"></bp-icon>
<bp-icon shape="thumbs-up" badge="warning"></bp-icon>
<bp-icon shape="thumbs-up" badge="danger"></bp-icon>
<bp-icon shape="tick-chart" badge="accent"></bp-icon>
<bp-icon shape="tick-chart" badge="success"></bp-icon>
<bp-icon shape="tick-chart" badge="warning"></bp-icon>
<bp-icon shape="tick-chart" badge="danger"></bp-icon>
<bp-icon shape="timeline" badge="accent"></bp-icon>
<bp-icon shape="timeline" badge="success"></bp-icon>
<bp-icon shape="timeline" badge="warning"></bp-icon>
<bp-icon shape="timeline" badge="danger"></bp-icon>
<bp-icon shape="tools" badge="accent"></bp-icon>
<bp-icon shape="tools" badge="success"></bp-icon>
<bp-icon shape="tools" badge="warning"></bp-icon>
<bp-icon shape="tools" badge="danger"></bp-icon>
<bp-icon shape="trailer" badge="accent"></bp-icon>
<bp-icon shape="trailer" badge="success"></bp-icon>
<bp-icon shape="trailer" badge="warning"></bp-icon>
<bp-icon shape="trailer" badge="danger"></bp-icon>
<bp-icon shape="trash" badge="accent"></bp-icon>
<bp-icon shape="trash" badge="success"></bp-icon>
<bp-icon shape="trash" badge="warning"></bp-icon>
<bp-icon shape="trash" badge="danger"></bp-icon>
<bp-icon shape="tree" badge="accent"></bp-icon>
<bp-icon shape="tree" badge="success"></bp-icon>
<bp-icon shape="tree" badge="warning"></bp-icon>
<bp-icon shape="tree" badge="danger"></bp-icon>
<bp-icon shape="tree-view" badge="accent"></bp-icon>
<bp-icon shape="tree-view" badge="success"></bp-icon>
<bp-icon shape="tree-view" badge="warning"></bp-icon>
<bp-icon shape="tree-view" badge="danger"></bp-icon>
<bp-icon shape="truck" badge="accent"></bp-icon>
<bp-icon shape="truck" badge="success"></bp-icon>
<bp-icon shape="truck" badge="warning"></bp-icon>
<bp-icon shape="truck" badge="danger"></bp-icon>
<bp-icon shape="two-way-arrows" badge="accent"></bp-icon>
<bp-icon shape="two-way-arrows" badge="success"></bp-icon>
<bp-icon shape="two-way-arrows" badge="warning"></bp-icon>
<bp-icon shape="two-way-arrows" badge="danger"></bp-icon>
<bp-icon shape="unarchive" badge="accent"></bp-icon>
<bp-icon shape="unarchive" badge="success"></bp-icon>
<bp-icon shape="unarchive" badge="warning"></bp-icon>
<bp-icon shape="unarchive" badge="danger"></bp-icon>
<bp-icon shape="underline" badge="accent"></bp-icon>
<bp-icon shape="underline" badge="success"></bp-icon>
<bp-icon shape="underline" badge="warning"></bp-icon>
<bp-icon shape="underline" badge="danger"></bp-icon>
<bp-icon shape="undo" badge="accent"></bp-icon>
<bp-icon shape="undo" badge="success"></bp-icon>
<bp-icon shape="undo" badge="warning"></bp-icon>
<bp-icon shape="undo" badge="danger"></bp-icon>
<bp-icon shape="uninstall" badge="accent"></bp-icon>
<bp-icon shape="uninstall" badge="success"></bp-icon>
<bp-icon shape="uninstall" badge="warning"></bp-icon>
<bp-icon shape="uninstall" badge="danger"></bp-icon>
<bp-icon shape="unknown-status" badge="accent"></bp-icon>
<bp-icon shape="unknown-status" badge="success"></bp-icon>
<bp-icon shape="unknown-status" badge="warning"></bp-icon>
<bp-icon shape="unknown-status" badge="danger"></bp-icon>
<bp-icon shape="unlink" badge="accent"></bp-icon>
<bp-icon shape="unlink" badge="success"></bp-icon>
<bp-icon shape="unlink" badge="warning"></bp-icon>
<bp-icon shape="unlink" badge="danger"></bp-icon>
<bp-icon shape="unlock" badge="accent"></bp-icon>
<bp-icon shape="unlock" badge="success"></bp-icon>
<bp-icon shape="unlock" badge="warning"></bp-icon>
<bp-icon shape="unlock" badge="danger"></bp-icon>
<bp-icon shape="update" badge="accent"></bp-icon>
<bp-icon shape="update" badge="success"></bp-icon>
<bp-icon shape="update" badge="warning"></bp-icon>
<bp-icon shape="update" badge="danger"></bp-icon>
<bp-icon shape="upload-cloud" badge="accent"></bp-icon>
<bp-icon shape="upload-cloud" badge="success"></bp-icon>
<bp-icon shape="upload-cloud" badge="warning"></bp-icon>
<bp-icon shape="upload-cloud" badge="danger"></bp-icon>
<bp-icon shape="upload" badge="accent"></bp-icon>
<bp-icon shape="upload" badge="success"></bp-icon>
<bp-icon shape="upload" badge="warning"></bp-icon>
<bp-icon shape="upload" badge="danger"></bp-icon>
<bp-icon shape="usb" badge="accent"></bp-icon>
<bp-icon shape="usb" badge="success"></bp-icon>
<bp-icon shape="usb" badge="warning"></bp-icon>
<bp-icon shape="usb" badge="danger"></bp-icon>
<bp-icon shape="user" badge="accent"></bp-icon>
<bp-icon shape="user" badge="success"></bp-icon>
<bp-icon shape="user" badge="warning"></bp-icon>
<bp-icon shape="user" badge="danger"></bp-icon>
<bp-icon shape="users" badge="accent"></bp-icon>
<bp-icon shape="users" badge="success"></bp-icon>
<bp-icon shape="users" badge="warning"></bp-icon>
<bp-icon shape="users" badge="danger"></bp-icon>
<bp-icon shape="video-camera" badge="accent"></bp-icon>
<bp-icon shape="video-camera" badge="success"></bp-icon>
<bp-icon shape="video-camera" badge="warning"></bp-icon>
<bp-icon shape="video-camera" badge="danger"></bp-icon>
<bp-icon shape="video-gallery" badge="accent"></bp-icon>
<bp-icon shape="video-gallery" badge="success"></bp-icon>
<bp-icon shape="video-gallery" badge="warning"></bp-icon>
<bp-icon shape="video-gallery" badge="danger"></bp-icon>
<bp-icon shape="view-cards" badge="accent"></bp-icon>
<bp-icon shape="view-cards" badge="success"></bp-icon>
<bp-icon shape="view-cards" badge="warning"></bp-icon>
<bp-icon shape="view-cards" badge="danger"></bp-icon>
<bp-icon shape="view-columns" badge="accent"></bp-icon>
<bp-icon shape="view-columns" badge="success"></bp-icon>
<bp-icon shape="view-columns" badge="warning"></bp-icon>
<bp-icon shape="view-columns" badge="danger"></bp-icon>
<bp-icon shape="view-list" badge="accent"></bp-icon>
<bp-icon shape="view-list" badge="success"></bp-icon>
<bp-icon shape="view-list" badge="warning"></bp-icon>
<bp-icon shape="view-list" badge="danger"></bp-icon>
<bp-icon shape="volume-down" badge="accent"></bp-icon>
<bp-icon shape="volume-down" badge="success"></bp-icon>
<bp-icon shape="volume-down" badge="warning"></bp-icon>
<bp-icon shape="volume-down" badge="danger"></bp-icon>
<bp-icon shape="volume" badge="accent"></bp-icon>
<bp-icon shape="volume" badge="success"></bp-icon>
<bp-icon shape="volume" badge="warning"></bp-icon>
<bp-icon shape="volume" badge="danger"></bp-icon>
<bp-icon shape="volume-mute" badge="accent"></bp-icon>
<bp-icon shape="volume-mute" badge="success"></bp-icon>
<bp-icon shape="volume-mute" badge="warning"></bp-icon>
<bp-icon shape="volume-mute" badge="danger"></bp-icon>
<bp-icon shape="volume-up" badge="accent"></bp-icon>
<bp-icon shape="volume-up" badge="success"></bp-icon>
<bp-icon shape="volume-up" badge="warning"></bp-icon>
<bp-icon shape="volume-up" badge="danger"></bp-icon>
<bp-icon shape="wallet" badge="accent"></bp-icon>
<bp-icon shape="wallet" badge="success"></bp-icon>
<bp-icon shape="wallet" badge="warning"></bp-icon>
<bp-icon shape="wallet" badge="danger"></bp-icon>
<bp-icon shape="wand" badge="accent"></bp-icon>
<bp-icon shape="wand" badge="success"></bp-icon>
<bp-icon shape="wand" badge="warning"></bp-icon>
<bp-icon shape="wand" badge="danger"></bp-icon>
<bp-icon shape="warning" badge="accent"></bp-icon>
<bp-icon shape="warning" badge="success"></bp-icon>
<bp-icon shape="warning" badge="warning"></bp-icon>
<bp-icon shape="warning" badge="danger"></bp-icon>
<bp-icon shape="wifi" badge="accent"></bp-icon>
<bp-icon shape="wifi" badge="success"></bp-icon>
<bp-icon shape="wifi" badge="warning"></bp-icon>
<bp-icon shape="wifi" badge="danger"></bp-icon>
<bp-icon shape="window-max" badge="accent"></bp-icon>
<bp-icon shape="window-max" badge="success"></bp-icon>
<bp-icon shape="window-max" badge="warning"></bp-icon>
<bp-icon shape="window-max" badge="danger"></bp-icon>
<bp-icon shape="window-min" badge="accent"></bp-icon>
<bp-icon shape="window-min" badge="success"></bp-icon>
<bp-icon shape="window-min" badge="warning"></bp-icon>
<bp-icon shape="window-min" badge="danger"></bp-icon>
<bp-icon shape="window-restore" badge="accent"></bp-icon>
<bp-icon shape="window-restore" badge="success"></bp-icon>
<bp-icon shape="window-restore" badge="warning"></bp-icon>
<bp-icon shape="window-restore" badge="danger"></bp-icon>
<bp-icon shape="won" badge="accent"></bp-icon>
<bp-icon shape="won" badge="success"></bp-icon>
<bp-icon shape="won" badge="warning"></bp-icon>
<bp-icon shape="won" badge="danger"></bp-icon>
<bp-icon shape="world" badge="accent"></bp-icon>
<bp-icon shape="world" badge="success"></bp-icon>
<bp-icon shape="world" badge="warning"></bp-icon>
<bp-icon shape="world" badge="danger"></bp-icon>
<bp-icon shape="wrench" badge="accent"></bp-icon>
<bp-icon shape="wrench" badge="success"></bp-icon>
<bp-icon shape="wrench" badge="warning"></bp-icon>
<bp-icon shape="wrench" badge="danger"></bp-icon>
<bp-icon shape="yen" badge="accent"></bp-icon>
<bp-icon shape="yen" badge="success"></bp-icon>
<bp-icon shape="yen" badge="warning"></bp-icon>
<bp-icon shape="yen" badge="danger"></bp-icon>
<bp-icon shape="zoom-in" badge="accent"></bp-icon>
<bp-icon shape="zoom-in" badge="success"></bp-icon>
<bp-icon shape="zoom-in" badge="warning"></bp-icon>
<bp-icon shape="zoom-in" badge="danger"></bp-icon>
<bp-icon shape="zoom-out" badge="accent"></bp-icon>
<bp-icon shape="zoom-out" badge="success"></bp-icon>
<bp-icon shape="zoom-out" badge="warning"></bp-icon>
<bp-icon shape="zoom-out" badge="danger"></bp-icon>
</div>
Install
NPM
import '@blueprintui/icons/include.js';
import '@blueprintui/icons/shapes/user.js';
CDN
<script type="module">
import 'https://cdn.jsdelivr.net/npm/@blueprintui/icons/include.js/+esm';
import 'https://cdn.jsdelivr.net/npm/@blueprintui/icons/shapes/user.js/+esm';
</script>
Accessibility
- Use a descriptive aria-label attribute to provide text alternative for the icon.
- Decorative icons that do not convey meaning should use
aria-hidden="true". - Icons used as interactive elements should have sufficient color contrast.
- Avoid using icons as the only means of conveying information.
bp-icon
Properties
| Name | Types | Description |
|---|
shape | string | |
type | '' | 'solid' | |
size | string | 'sm' | 'md' | 'lg' | determine the visual size state |
status | 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | determine the visual status state |
badge | 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | '' | |
direction | Directions | |
innerOffset | number | |
add | | |
Attributes
| Name | Types | Description |
|---|
shape | string | |
type | '' | 'solid' | |
size | string | 'sm' | 'md' | 'lg' | determine the visual size state |
status | 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | determine the visual status state |
badge | 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | '' | |
direction | Directions | |
inner-offset | number | |
CSS Properties
| Name | Types | Description |
|---|
--color | | |
--badge-color | | |