@pine-ds/icons 8.18.1 → 8.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/index.js +1 -0
- package/components/pds-icon.js +11 -11
- package/components/pds-icon.js.map +1 -1
- package/dist/cheatsheet.html +603 -379
- package/dist/cjs/app-globals-V2Kpy_OQ.js +8 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js.map +1 -0
- package/dist/cjs/{utils-2688221f.js → index-BxIRVjvh.js} +4 -3
- package/dist/cjs/index-BxIRVjvh.js.map +1 -0
- package/dist/cjs/{index-01bc4624.js → index-Dww19Xh5.js} +296 -194
- package/dist/cjs/index-Dww19Xh5.js.map +1 -0
- package/dist/cjs/index.cjs.js +4 -5
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +3 -4
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/pds-icon.cjs.entry.js +19 -21
- package/dist/cjs/pds-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-icon.entry.cjs.js.map +1 -0
- package/dist/cjs/pds-icons.cjs.js +7 -6
- package/dist/cjs/pds-icons.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/pds-icon/pds-icon.js +18 -8
- package/dist/collection/components/pds-icon/pds-icon.js.map +1 -1
- package/dist/collection/components/pds-icon/svg/.gitignore +5 -0
- package/dist/docs.d.ts +8 -0
- package/dist/docs.json +17 -7
- package/dist/esm/app-globals-DQuL1Twl.js +6 -0
- package/dist/esm/app-globals-DQuL1Twl.js.map +1 -0
- package/dist/esm/{utils-82853a12.js → index-DFHkNdqL.js} +5 -4
- package/dist/esm/index-DFHkNdqL.js.map +1 -0
- package/dist/esm/{index-e65f4069.js → index-DQ7l5XCP.js} +295 -173
- package/dist/esm/index-DQ7l5XCP.js.map +1 -0
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +4 -3
- package/dist/esm/loader.js.map +1 -1
- package/dist/esm/pds-icon.entry.js +12 -12
- package/dist/esm/pds-icon.entry.js.map +1 -1
- package/dist/esm/pds-icons.js +6 -4
- package/dist/esm/pds-icons.js.map +1 -1
- package/dist/pds-icons/index.esm.js +1 -1
- package/dist/pds-icons/index.esm.js.map +1 -1
- package/dist/pds-icons/loader.esm.js.map +1 -0
- package/dist/pds-icons/p-46d08e47.entry.js +2 -0
- package/dist/pds-icons/p-46d08e47.entry.js.map +1 -0
- package/dist/pds-icons/p-D615Uvrz.js +2 -0
- package/dist/pds-icons/p-D615Uvrz.js.map +1 -0
- package/dist/pds-icons/p-DQ7l5XCP.js +3 -0
- package/dist/pds-icons/p-DQ7l5XCP.js.map +1 -0
- package/dist/pds-icons/p-DQuL1Twl.js +2 -0
- package/dist/pds-icons/p-DQuL1Twl.js.map +1 -0
- package/dist/pds-icons/pds-icon.entry.esm.js.map +1 -0
- package/dist/pds-icons/pds-icons.esm.js +1 -1
- package/dist/pds-icons/pds-icons.esm.js.map +1 -1
- package/dist/pds-icons/svg/.gitignore +5 -0
- package/dist/pds-icons.json +1 -1
- package/dist/pds-icons.symbols.svg +4 -4
- package/dist/svg/logo-facebook-round.svg +1 -1
- package/dist/svg/logo-facebook.svg +1 -1
- package/dist/svg/logo-tiktok.svg +1 -1
- package/dist/types/stencil-public-runtime.d.ts +1 -0
- package/icons/index.d.ts +1 -1
- package/icons/index.js +4 -4
- package/icons/index.mjs +4 -4
- package/icons/package.json +1 -1
- package/package.json +5 -5
- package/dist/cjs/app-globals-3a1e7e63.js +0 -7
- package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
- package/dist/cjs/index-01bc4624.js.map +0 -1
- package/dist/cjs/utils-2688221f.js.map +0 -1
- package/dist/collection/components/pds-icon/svg/access-key.svg +0 -1
- package/dist/collection/components/pds-icon/svg/add-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/add-image.svg +0 -1
- package/dist/collection/components/pds-icon/svg/add-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/add-square.svg +0 -1
- package/dist/collection/components/pds-icon/svg/add.svg +0 -1
- package/dist/collection/components/pds-icon/svg/advanced.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ai-sparkle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ai-writer-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ai-writer.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-center.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-horizontal-bottom.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-horizontal-center.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-horizontal-top.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-justify.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-left.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-right.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-vertical-center.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-vertical-left.svg +0 -1
- package/dist/collection/components/pds-icon/svg/align-vertical-right.svg +0 -1
- package/dist/collection/components/pds-icon/svg/app-store.svg +0 -1
- package/dist/collection/components/pds-icon/svg/archive.svg +0 -1
- package/dist/collection/components/pds-icon/svg/arrow-corner.svg +0 -1
- package/dist/collection/components/pds-icon/svg/arrow-down.svg +0 -1
- package/dist/collection/components/pds-icon/svg/arrow-left.svg +0 -1
- package/dist/collection/components/pds-icon/svg/arrow-right.svg +0 -1
- package/dist/collection/components/pds-icon/svg/arrow-up.svg +0 -1
- package/dist/collection/components/pds-icon/svg/assessment.svg +0 -1
- package/dist/collection/components/pds-icon/svg/at-sign.svg +0 -1
- package/dist/collection/components/pds-icon/svg/attach.svg +0 -1
- package/dist/collection/components/pds-icon/svg/automations.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ban.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bank.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bar-chart-square.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bar-chart-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bell-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bell.svg +0 -1
- package/dist/collection/components/pds-icon/svg/block.svg +0 -1
- package/dist/collection/components/pds-icon/svg/blog-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/blog.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bold.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bookmark.svg +0 -1
- package/dist/collection/components/pds-icon/svg/broadcast.svg +0 -1
- package/dist/collection/components/pds-icon/svg/bulb.svg +0 -1
- package/dist/collection/components/pds-icon/svg/button.svg +0 -1
- package/dist/collection/components/pds-icon/svg/calendar-date.svg +0 -1
- package/dist/collection/components/pds-icon/svg/calendar-schedule.svg +0 -1
- package/dist/collection/components/pds-icon/svg/calendar-simple.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-amex.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-android.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-apple.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-diners-club.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-discover.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-generic.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-gpay.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-mastercard.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-paypal.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-stripe.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-update.svg +0 -1
- package/dist/collection/components/pds-icon/svg/card-visa.svg +0 -1
- package/dist/collection/components/pds-icon/svg/caret-down.svg +0 -1
- package/dist/collection/components/pds-icon/svg/caret-left.svg +0 -1
- package/dist/collection/components/pds-icon/svg/caret-right.svg +0 -1
- package/dist/collection/components/pds-icon/svg/caret-up.svg +0 -1
- package/dist/collection/components/pds-icon/svg/cart-add.svg +0 -1
- package/dist/collection/components/pds-icon/svg/cart.svg +0 -1
- package/dist/collection/components/pds-icon/svg/certificate.svg +0 -1
- package/dist/collection/components/pds-icon/svg/chart-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/chart.svg +0 -1
- package/dist/collection/components/pds-icon/svg/check-circle-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/check-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/check.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-1.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-2.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-3.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-4.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-5.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-6.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-7.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-8.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-9.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-a.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-b.svg +0 -1
- package/dist/collection/components/pds-icon/svg/circle-dashed.svg +0 -1
- package/dist/collection/components/pds-icon/svg/clapperboard-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/clock.svg +0 -1
- package/dist/collection/components/pds-icon/svg/closed-captions.svg +0 -1
- package/dist/collection/components/pds-icon/svg/cloud-upload.svg +0 -1
- package/dist/collection/components/pds-icon/svg/code-block.svg +0 -1
- package/dist/collection/components/pds-icon/svg/code.svg +0 -1
- package/dist/collection/components/pds-icon/svg/color.svg +0 -1
- package/dist/collection/components/pds-icon/svg/columns.svg +0 -1
- package/dist/collection/components/pds-icon/svg/comment-no.svg +0 -1
- package/dist/collection/components/pds-icon/svg/comment.svg +0 -1
- package/dist/collection/components/pds-icon/svg/connect.svg +0 -1
- package/dist/collection/components/pds-icon/svg/contact.svg +0 -1
- package/dist/collection/components/pds-icon/svg/conversation.svg +0 -1
- package/dist/collection/components/pds-icon/svg/copy-07.svg +0 -1
- package/dist/collection/components/pds-icon/svg/copy.svg +0 -1
- package/dist/collection/components/pds-icon/svg/coupon.svg +0 -1
- package/dist/collection/components/pds-icon/svg/course-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/course.svg +0 -1
- package/dist/collection/components/pds-icon/svg/creator-studio-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/creator-studio.svg +0 -1
- package/dist/collection/components/pds-icon/svg/credit-card-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/cube-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/cursor-pointer.svg +0 -1
- package/dist/collection/components/pds-icon/svg/cursor.svg +0 -1
- package/dist/collection/components/pds-icon/svg/custom-field.svg +0 -1
- package/dist/collection/components/pds-icon/svg/customize.svg +0 -1
- package/dist/collection/components/pds-icon/svg/danger-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/danger.svg +0 -1
- package/dist/collection/components/pds-icon/svg/delete-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/delete-key.svg +0 -1
- package/dist/collection/components/pds-icon/svg/delete-x.svg +0 -1
- package/dist/collection/components/pds-icon/svg/dollar.svg +0 -1
- package/dist/collection/components/pds-icon/svg/dot-menu-horizontal.svg +0 -1
- package/dist/collection/components/pds-icon/svg/dots-horizontal-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/down-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/download.svg +0 -1
- package/dist/collection/components/pds-icon/svg/downsell.svg +0 -1
- package/dist/collection/components/pds-icon/svg/draft.svg +0 -1
- package/dist/collection/components/pds-icon/svg/drawer-collapse.svg +0 -1
- package/dist/collection/components/pds-icon/svg/drawer-expand.svg +0 -1
- package/dist/collection/components/pds-icon/svg/drop.svg +0 -1
- package/dist/collection/components/pds-icon/svg/duplicate.svg +0 -1
- package/dist/collection/components/pds-icon/svg/editor-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/editor.svg +0 -1
- package/dist/collection/components/pds-icon/svg/email-activity.svg +0 -1
- package/dist/collection/components/pds-icon/svg/emoji.svg +0 -1
- package/dist/collection/components/pds-icon/svg/enlarge-vertical.svg +0 -1
- package/dist/collection/components/pds-icon/svg/enlarge.svg +0 -1
- package/dist/collection/components/pds-icon/svg/expand.svg +0 -1
- package/dist/collection/components/pds-icon/svg/favorite.svg +0 -1
- package/dist/collection/components/pds-icon/svg/feedback.svg +0 -1
- package/dist/collection/components/pds-icon/svg/file-add.svg +0 -1
- package/dist/collection/components/pds-icon/svg/file-download.svg +0 -1
- package/dist/collection/components/pds-icon/svg/file-lock.svg +0 -1
- package/dist/collection/components/pds-icon/svg/file-money.svg +0 -1
- package/dist/collection/components/pds-icon/svg/file-search.svg +0 -1
- package/dist/collection/components/pds-icon/svg/file.svg +0 -1
- package/dist/collection/components/pds-icon/svg/filter.svg +0 -1
- package/dist/collection/components/pds-icon/svg/flag.svg +0 -1
- package/dist/collection/components/pds-icon/svg/flash-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/flash.svg +0 -1
- package/dist/collection/components/pds-icon/svg/floppy-disk.svg +0 -1
- package/dist/collection/components/pds-icon/svg/folder-group.svg +0 -1
- package/dist/collection/components/pds-icon/svg/folder.svg +0 -1
- package/dist/collection/components/pds-icon/svg/form-field.svg +0 -1
- package/dist/collection/components/pds-icon/svg/form-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/form.svg +0 -1
- package/dist/collection/components/pds-icon/svg/fullscreen.svg +0 -1
- package/dist/collection/components/pds-icon/svg/funnel.svg +0 -1
- package/dist/collection/components/pds-icon/svg/gear-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/gear.svg +0 -1
- package/dist/collection/components/pds-icon/svg/gift-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/grant-offer.svg +0 -1
- package/dist/collection/components/pds-icon/svg/handle-2-vertical.svg +0 -1
- package/dist/collection/components/pds-icon/svg/handle-2.svg +0 -1
- package/dist/collection/components/pds-icon/svg/handle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/hashtag.svg +0 -1
- package/dist/collection/components/pds-icon/svg/hd-video.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-1.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-2.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-3.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-4.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-5.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-6.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-large.svg +0 -1
- package/dist/collection/components/pds-icon/svg/heading-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/headphones.svg +0 -1
- package/dist/collection/components/pds-icon/svg/headset-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/headset.svg +0 -1
- package/dist/collection/components/pds-icon/svg/help-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/help.svg +0 -1
- package/dist/collection/components/pds-icon/svg/home-alt.svg +0 -1
- package/dist/collection/components/pds-icon/svg/home-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/home-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/home.svg +0 -1
- package/dist/collection/components/pds-icon/svg/horizontal-line.svg +0 -1
- package/dist/collection/components/pds-icon/svg/image.svg +0 -1
- package/dist/collection/components/pds-icon/svg/info-circle-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/info-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ios-battery.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ios-data.svg +0 -1
- package/dist/collection/components/pds-icon/svg/ios-wifi.svg +0 -1
- package/dist/collection/components/pds-icon/svg/italic.svg +0 -1
- package/dist/collection/components/pds-icon/svg/kajabi-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/kajabi.svg +0 -1
- package/dist/collection/components/pds-icon/svg/keyboard-01.svg +0 -1
- package/dist/collection/components/pds-icon/svg/klarna.svg +0 -1
- package/dist/collection/components/pds-icon/svg/lab.svg +0 -1
- package/dist/collection/components/pds-icon/svg/launch.svg +0 -1
- package/dist/collection/components/pds-icon/svg/layout-bottom.svg +0 -1
- package/dist/collection/components/pds-icon/svg/layout-grid-02.svg +0 -1
- package/dist/collection/components/pds-icon/svg/layout-grid.svg +0 -1
- package/dist/collection/components/pds-icon/svg/layout-list.svg +0 -1
- package/dist/collection/components/pds-icon/svg/layout-top.svg +0 -1
- package/dist/collection/components/pds-icon/svg/left-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/list-bullet.svg +0 -1
- package/dist/collection/components/pds-icon/svg/list-details.svg +0 -1
- package/dist/collection/components/pds-icon/svg/list-numbers.svg +0 -1
- package/dist/collection/components/pds-icon/svg/location.svg +0 -1
- package/dist/collection/components/pds-icon/svg/lock-alt.svg +0 -1
- package/dist/collection/components/pds-icon/svg/lock.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-afterpay.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-facebook-round.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-facebook.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-instagram.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-linkedin.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-snapchat.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-tiktok.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-twitter-x.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-twitter.svg +0 -1
- package/dist/collection/components/pds-icon/svg/logo-youtube.svg +0 -1
- package/dist/collection/components/pds-icon/svg/loop.svg +0 -1
- package/dist/collection/components/pds-icon/svg/mail-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/mail-open.svg +0 -1
- package/dist/collection/components/pds-icon/svg/mail-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/mail.svg +0 -1
- package/dist/collection/components/pds-icon/svg/map.svg +0 -1
- package/dist/collection/components/pds-icon/svg/mapped.svg +0 -1
- package/dist/collection/components/pds-icon/svg/margin-left.svg +0 -1
- package/dist/collection/components/pds-icon/svg/margin-right.svg +0 -1
- package/dist/collection/components/pds-icon/svg/marker-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/marker.svg +0 -1
- package/dist/collection/components/pds-icon/svg/megaphone-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/megaphone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/menu-alt.svg +0 -1
- package/dist/collection/components/pds-icon/svg/menu-bordered.svg +0 -1
- package/dist/collection/components/pds-icon/svg/menu.svg +0 -1
- package/dist/collection/components/pds-icon/svg/merge.svg +0 -1
- package/dist/collection/components/pds-icon/svg/message-text-square-02.svg +0 -1
- package/dist/collection/components/pds-icon/svg/microphone-off.svg +0 -1
- package/dist/collection/components/pds-icon/svg/microphone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/monitor-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/monitor-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/monitor.svg +0 -1
- package/dist/collection/components/pds-icon/svg/more-menu-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/more-menu.svg +0 -1
- package/dist/collection/components/pds-icon/svg/move-left.svg +0 -1
- package/dist/collection/components/pds-icon/svg/move-right.svg +0 -1
- package/dist/collection/components/pds-icon/svg/multi-pay.svg +0 -1
- package/dist/collection/components/pds-icon/svg/music-note-01.svg +0 -1
- package/dist/collection/components/pds-icon/svg/newsletter-2.svg +0 -1
- package/dist/collection/components/pds-icon/svg/newsletter.svg +0 -1
- package/dist/collection/components/pds-icon/svg/one-off-session.svg +0 -1
- package/dist/collection/components/pds-icon/svg/one-time.svg +0 -1
- package/dist/collection/components/pds-icon/svg/packages.svg +0 -1
- package/dist/collection/components/pds-icon/svg/pause-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/pause.svg +0 -1
- package/dist/collection/components/pds-icon/svg/payout.svg +0 -1
- package/dist/collection/components/pds-icon/svg/pen.svg +0 -1
- package/dist/collection/components/pds-icon/svg/phone-portrait.svg +0 -1
- package/dist/collection/components/pds-icon/svg/phone-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/phone-toolbar-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/phone-toolbar.svg +0 -1
- package/dist/collection/components/pds-icon/svg/pie-chart-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/play-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/play-outline.svg +0 -1
- package/dist/collection/components/pds-icon/svg/play-store.svg +0 -1
- package/dist/collection/components/pds-icon/svg/play.svg +0 -1
- package/dist/collection/components/pds-icon/svg/plug.svg +0 -1
- package/dist/collection/components/pds-icon/svg/plus-square.svg +0 -1
- package/dist/collection/components/pds-icon/svg/premium.svg +0 -1
- package/dist/collection/components/pds-icon/svg/present.svg +0 -1
- package/dist/collection/components/pds-icon/svg/preview-off.svg +0 -1
- package/dist/collection/components/pds-icon/svg/preview-on.svg +0 -1
- package/dist/collection/components/pds-icon/svg/product-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/product.svg +0 -1
- package/dist/collection/components/pds-icon/svg/question-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/quote.svg +0 -1
- package/dist/collection/components/pds-icon/svg/redo.svg +0 -1
- package/dist/collection/components/pds-icon/svg/refresh.svg +0 -1
- package/dist/collection/components/pds-icon/svg/remove-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/remove.svg +0 -1
- package/dist/collection/components/pds-icon/svg/rename.svg +0 -1
- package/dist/collection/components/pds-icon/svg/reset-password.svg +0 -1
- package/dist/collection/components/pds-icon/svg/restore.svg +0 -1
- package/dist/collection/components/pds-icon/svg/right-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/rocket-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/rocket-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/rocket.svg +0 -1
- package/dist/collection/components/pds-icon/svg/round-dollar.svg +0 -1
- package/dist/collection/components/pds-icon/svg/rows.svg +0 -1
- package/dist/collection/components/pds-icon/svg/scissor.svg +0 -1
- package/dist/collection/components/pds-icon/svg/screen-share-off.svg +0 -1
- package/dist/collection/components/pds-icon/svg/screen-share-on.svg +0 -1
- package/dist/collection/components/pds-icon/svg/search-md-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/search-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/search.svg +0 -1
- package/dist/collection/components/pds-icon/svg/send-message.svg +0 -1
- package/dist/collection/components/pds-icon/svg/sequences.svg +0 -1
- package/dist/collection/components/pds-icon/svg/settings-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/share.svg +0 -1
- package/dist/collection/components/pds-icon/svg/shopping-cart-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/skipped.svg +0 -1
- package/dist/collection/components/pds-icon/svg/slash-divider.svg +0 -1
- package/dist/collection/components/pds-icon/svg/speaker.svg +0 -1
- package/dist/collection/components/pds-icon/svg/square-dollar.svg +0 -1
- package/dist/collection/components/pds-icon/svg/stack.svg +0 -1
- package/dist/collection/components/pds-icon/svg/star-03.svg +0 -1
- package/dist/collection/components/pds-icon/svg/star-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/star.svg +0 -1
- package/dist/collection/components/pds-icon/svg/stars-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/stop.svg +0 -1
- package/dist/collection/components/pds-icon/svg/stopwatch.svg +0 -1
- package/dist/collection/components/pds-icon/svg/strikethrough.svg +0 -1
- package/dist/collection/components/pds-icon/svg/subscript.svg +0 -1
- package/dist/collection/components/pds-icon/svg/subscriptions.svg +0 -1
- package/dist/collection/components/pds-icon/svg/super-admin.svg +0 -1
- package/dist/collection/components/pds-icon/svg/superscript.svg +0 -1
- package/dist/collection/components/pds-icon/svg/sync.svg +0 -1
- package/dist/collection/components/pds-icon/svg/tablet-landscape.svg +0 -1
- package/dist/collection/components/pds-icon/svg/tablet-portrait.svg +0 -1
- package/dist/collection/components/pds-icon/svg/tag-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/tag.svg +0 -1
- package/dist/collection/components/pds-icon/svg/text-styles.svg +0 -1
- package/dist/collection/components/pds-icon/svg/theme-store-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/theme-store.svg +0 -1
- package/dist/collection/components/pds-icon/svg/thumb-down-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/thumb-down.svg +0 -1
- package/dist/collection/components/pds-icon/svg/thumb-up-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/thumb-up.svg +0 -1
- package/dist/collection/components/pds-icon/svg/trash.svg +0 -1
- package/dist/collection/components/pds-icon/svg/trend-down.svg +0 -1
- package/dist/collection/components/pds-icon/svg/trend-none.svg +0 -1
- package/dist/collection/components/pds-icon/svg/trend-up.svg +0 -1
- package/dist/collection/components/pds-icon/svg/trophy-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/trophy.svg +0 -1
- package/dist/collection/components/pds-icon/svg/type.svg +0 -1
- package/dist/collection/components/pds-icon/svg/underline.svg +0 -1
- package/dist/collection/components/pds-icon/svg/undo.svg +0 -1
- package/dist/collection/components/pds-icon/svg/unlock.svg +0 -1
- package/dist/collection/components/pds-icon/svg/unmapped.svg +0 -1
- package/dist/collection/components/pds-icon/svg/up-small.svg +0 -1
- package/dist/collection/components/pds-icon/svg/upload.svg +0 -1
- package/dist/collection/components/pds-icon/svg/url.svg +0 -1
- package/dist/collection/components/pds-icon/svg/user-circle-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/user-circle.svg +0 -1
- package/dist/collection/components/pds-icon/svg/user-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/user-star-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/user-star.svg +0 -1
- package/dist/collection/components/pds-icon/svg/user.svg +0 -1
- package/dist/collection/components/pds-icon/svg/users-alt.svg +0 -1
- package/dist/collection/components/pds-icon/svg/users-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/users-tone.svg +0 -1
- package/dist/collection/components/pds-icon/svg/users.svg +0 -1
- package/dist/collection/components/pds-icon/svg/video-off.svg +0 -1
- package/dist/collection/components/pds-icon/svg/video-on.svg +0 -1
- package/dist/collection/components/pds-icon/svg/warning-filled.svg +0 -1
- package/dist/collection/components/pds-icon/svg/warning.svg +0 -1
- package/dist/collection/components/pds-icon/svg/window-paragraph.svg +0 -1
- package/dist/collection/components/pds-icon/svg/world.svg +0 -1
- package/dist/collection/components/pds-icon/svg/wrench.svg +0 -1
- package/dist/esm/app-globals-0f993ce5.js +0 -5
- package/dist/esm/app-globals-0f993ce5.js.map +0 -1
- package/dist/esm/index-e65f4069.js.map +0 -1
- package/dist/esm/utils-82853a12.js.map +0 -1
- package/dist/loader/package.json +0 -11
- package/dist/pds-icons/p-3f0a1f7c.entry.js +0 -2
- package/dist/pds-icons/p-3f0a1f7c.entry.js.map +0 -1
- package/dist/pds-icons/p-4719974e.js +0 -2
- package/dist/pds-icons/p-4719974e.js.map +0 -1
- package/dist/pds-icons/p-e1255160.js +0 -2
- package/dist/pds-icons/p-e1255160.js.map +0 -1
- package/dist/pds-icons/p-fd0315e5.js +0 -3
- package/dist/pds-icons/p-fd0315e5.js.map +0 -1
- package/dist/pds-icons/svg/access-key.svg +0 -1
- package/dist/pds-icons/svg/add-circle.svg +0 -1
- package/dist/pds-icons/svg/add-image.svg +0 -1
- package/dist/pds-icons/svg/add-small.svg +0 -1
- package/dist/pds-icons/svg/add-square.svg +0 -1
- package/dist/pds-icons/svg/add.svg +0 -1
- package/dist/pds-icons/svg/advanced.svg +0 -1
- package/dist/pds-icons/svg/ai-sparkle.svg +0 -1
- package/dist/pds-icons/svg/ai-writer-filled.svg +0 -1
- package/dist/pds-icons/svg/ai-writer.svg +0 -1
- package/dist/pds-icons/svg/align-center.svg +0 -1
- package/dist/pds-icons/svg/align-horizontal-bottom.svg +0 -1
- package/dist/pds-icons/svg/align-horizontal-center.svg +0 -1
- package/dist/pds-icons/svg/align-horizontal-top.svg +0 -1
- package/dist/pds-icons/svg/align-justify.svg +0 -1
- package/dist/pds-icons/svg/align-left.svg +0 -1
- package/dist/pds-icons/svg/align-right.svg +0 -1
- package/dist/pds-icons/svg/align-vertical-center.svg +0 -1
- package/dist/pds-icons/svg/align-vertical-left.svg +0 -1
- package/dist/pds-icons/svg/align-vertical-right.svg +0 -1
- package/dist/pds-icons/svg/app-store.svg +0 -1
- package/dist/pds-icons/svg/archive.svg +0 -1
- package/dist/pds-icons/svg/arrow-corner.svg +0 -1
- package/dist/pds-icons/svg/arrow-down.svg +0 -1
- package/dist/pds-icons/svg/arrow-left.svg +0 -1
- package/dist/pds-icons/svg/arrow-right.svg +0 -1
- package/dist/pds-icons/svg/arrow-up.svg +0 -1
- package/dist/pds-icons/svg/assessment.svg +0 -1
- package/dist/pds-icons/svg/at-sign.svg +0 -1
- package/dist/pds-icons/svg/attach.svg +0 -1
- package/dist/pds-icons/svg/automations.svg +0 -1
- package/dist/pds-icons/svg/ban.svg +0 -1
- package/dist/pds-icons/svg/bank.svg +0 -1
- package/dist/pds-icons/svg/bar-chart-square.svg +0 -1
- package/dist/pds-icons/svg/bar-chart-tone.svg +0 -1
- package/dist/pds-icons/svg/bell-tone.svg +0 -1
- package/dist/pds-icons/svg/bell.svg +0 -1
- package/dist/pds-icons/svg/block.svg +0 -1
- package/dist/pds-icons/svg/blog-filled.svg +0 -1
- package/dist/pds-icons/svg/blog.svg +0 -1
- package/dist/pds-icons/svg/bold.svg +0 -1
- package/dist/pds-icons/svg/bookmark.svg +0 -1
- package/dist/pds-icons/svg/broadcast.svg +0 -1
- package/dist/pds-icons/svg/bulb.svg +0 -1
- package/dist/pds-icons/svg/button.svg +0 -1
- package/dist/pds-icons/svg/calendar-date.svg +0 -1
- package/dist/pds-icons/svg/calendar-schedule.svg +0 -1
- package/dist/pds-icons/svg/calendar-simple.svg +0 -1
- package/dist/pds-icons/svg/card-amex.svg +0 -1
- package/dist/pds-icons/svg/card-android.svg +0 -1
- package/dist/pds-icons/svg/card-apple.svg +0 -1
- package/dist/pds-icons/svg/card-diners-club.svg +0 -1
- package/dist/pds-icons/svg/card-discover.svg +0 -1
- package/dist/pds-icons/svg/card-generic.svg +0 -1
- package/dist/pds-icons/svg/card-gpay.svg +0 -1
- package/dist/pds-icons/svg/card-mastercard.svg +0 -1
- package/dist/pds-icons/svg/card-paypal.svg +0 -1
- package/dist/pds-icons/svg/card-stripe.svg +0 -1
- package/dist/pds-icons/svg/card-update.svg +0 -1
- package/dist/pds-icons/svg/card-visa.svg +0 -1
- package/dist/pds-icons/svg/caret-down.svg +0 -1
- package/dist/pds-icons/svg/caret-left.svg +0 -1
- package/dist/pds-icons/svg/caret-right.svg +0 -1
- package/dist/pds-icons/svg/caret-up.svg +0 -1
- package/dist/pds-icons/svg/cart-add.svg +0 -1
- package/dist/pds-icons/svg/cart.svg +0 -1
- package/dist/pds-icons/svg/certificate.svg +0 -1
- package/dist/pds-icons/svg/chart-filled.svg +0 -1
- package/dist/pds-icons/svg/chart.svg +0 -1
- package/dist/pds-icons/svg/check-circle-filled.svg +0 -1
- package/dist/pds-icons/svg/check-circle.svg +0 -1
- package/dist/pds-icons/svg/check.svg +0 -1
- package/dist/pds-icons/svg/circle-1.svg +0 -1
- package/dist/pds-icons/svg/circle-2.svg +0 -1
- package/dist/pds-icons/svg/circle-3.svg +0 -1
- package/dist/pds-icons/svg/circle-4.svg +0 -1
- package/dist/pds-icons/svg/circle-5.svg +0 -1
- package/dist/pds-icons/svg/circle-6.svg +0 -1
- package/dist/pds-icons/svg/circle-7.svg +0 -1
- package/dist/pds-icons/svg/circle-8.svg +0 -1
- package/dist/pds-icons/svg/circle-9.svg +0 -1
- package/dist/pds-icons/svg/circle-a.svg +0 -1
- package/dist/pds-icons/svg/circle-b.svg +0 -1
- package/dist/pds-icons/svg/circle-dashed.svg +0 -1
- package/dist/pds-icons/svg/clapperboard-tone.svg +0 -1
- package/dist/pds-icons/svg/clock.svg +0 -1
- package/dist/pds-icons/svg/closed-captions.svg +0 -1
- package/dist/pds-icons/svg/cloud-upload.svg +0 -1
- package/dist/pds-icons/svg/code-block.svg +0 -1
- package/dist/pds-icons/svg/code.svg +0 -1
- package/dist/pds-icons/svg/color.svg +0 -1
- package/dist/pds-icons/svg/columns.svg +0 -1
- package/dist/pds-icons/svg/comment-no.svg +0 -1
- package/dist/pds-icons/svg/comment.svg +0 -1
- package/dist/pds-icons/svg/connect.svg +0 -1
- package/dist/pds-icons/svg/contact.svg +0 -1
- package/dist/pds-icons/svg/conversation.svg +0 -1
- package/dist/pds-icons/svg/copy-07.svg +0 -1
- package/dist/pds-icons/svg/copy.svg +0 -1
- package/dist/pds-icons/svg/coupon.svg +0 -1
- package/dist/pds-icons/svg/course-filled.svg +0 -1
- package/dist/pds-icons/svg/course.svg +0 -1
- package/dist/pds-icons/svg/creator-studio-filled.svg +0 -1
- package/dist/pds-icons/svg/creator-studio.svg +0 -1
- package/dist/pds-icons/svg/credit-card-tone.svg +0 -1
- package/dist/pds-icons/svg/cube-tone.svg +0 -1
- package/dist/pds-icons/svg/cursor-pointer.svg +0 -1
- package/dist/pds-icons/svg/cursor.svg +0 -1
- package/dist/pds-icons/svg/custom-field.svg +0 -1
- package/dist/pds-icons/svg/customize.svg +0 -1
- package/dist/pds-icons/svg/danger-filled.svg +0 -1
- package/dist/pds-icons/svg/danger.svg +0 -1
- package/dist/pds-icons/svg/delete-circle.svg +0 -1
- package/dist/pds-icons/svg/delete-key.svg +0 -1
- package/dist/pds-icons/svg/delete-x.svg +0 -1
- package/dist/pds-icons/svg/dollar.svg +0 -1
- package/dist/pds-icons/svg/dot-menu-horizontal.svg +0 -1
- package/dist/pds-icons/svg/dots-horizontal-tone.svg +0 -1
- package/dist/pds-icons/svg/down-small.svg +0 -1
- package/dist/pds-icons/svg/download.svg +0 -1
- package/dist/pds-icons/svg/downsell.svg +0 -1
- package/dist/pds-icons/svg/draft.svg +0 -1
- package/dist/pds-icons/svg/drawer-collapse.svg +0 -1
- package/dist/pds-icons/svg/drawer-expand.svg +0 -1
- package/dist/pds-icons/svg/drop.svg +0 -1
- package/dist/pds-icons/svg/duplicate.svg +0 -1
- package/dist/pds-icons/svg/editor-filled.svg +0 -1
- package/dist/pds-icons/svg/editor.svg +0 -1
- package/dist/pds-icons/svg/email-activity.svg +0 -1
- package/dist/pds-icons/svg/emoji.svg +0 -1
- package/dist/pds-icons/svg/enlarge-vertical.svg +0 -1
- package/dist/pds-icons/svg/enlarge.svg +0 -1
- package/dist/pds-icons/svg/expand.svg +0 -1
- package/dist/pds-icons/svg/favorite.svg +0 -1
- package/dist/pds-icons/svg/feedback.svg +0 -1
- package/dist/pds-icons/svg/file-add.svg +0 -1
- package/dist/pds-icons/svg/file-download.svg +0 -1
- package/dist/pds-icons/svg/file-lock.svg +0 -1
- package/dist/pds-icons/svg/file-money.svg +0 -1
- package/dist/pds-icons/svg/file-search.svg +0 -1
- package/dist/pds-icons/svg/file.svg +0 -1
- package/dist/pds-icons/svg/filter.svg +0 -1
- package/dist/pds-icons/svg/flag.svg +0 -1
- package/dist/pds-icons/svg/flash-filled.svg +0 -1
- package/dist/pds-icons/svg/flash.svg +0 -1
- package/dist/pds-icons/svg/floppy-disk.svg +0 -1
- package/dist/pds-icons/svg/folder-group.svg +0 -1
- package/dist/pds-icons/svg/folder.svg +0 -1
- package/dist/pds-icons/svg/form-field.svg +0 -1
- package/dist/pds-icons/svg/form-filled.svg +0 -1
- package/dist/pds-icons/svg/form.svg +0 -1
- package/dist/pds-icons/svg/fullscreen.svg +0 -1
- package/dist/pds-icons/svg/funnel.svg +0 -1
- package/dist/pds-icons/svg/gear-filled.svg +0 -1
- package/dist/pds-icons/svg/gear.svg +0 -1
- package/dist/pds-icons/svg/gift-tone.svg +0 -1
- package/dist/pds-icons/svg/grant-offer.svg +0 -1
- package/dist/pds-icons/svg/handle-2-vertical.svg +0 -1
- package/dist/pds-icons/svg/handle-2.svg +0 -1
- package/dist/pds-icons/svg/handle.svg +0 -1
- package/dist/pds-icons/svg/hashtag.svg +0 -1
- package/dist/pds-icons/svg/hd-video.svg +0 -1
- package/dist/pds-icons/svg/heading-1.svg +0 -1
- package/dist/pds-icons/svg/heading-2.svg +0 -1
- package/dist/pds-icons/svg/heading-3.svg +0 -1
- package/dist/pds-icons/svg/heading-4.svg +0 -1
- package/dist/pds-icons/svg/heading-5.svg +0 -1
- package/dist/pds-icons/svg/heading-6.svg +0 -1
- package/dist/pds-icons/svg/heading-large.svg +0 -1
- package/dist/pds-icons/svg/heading-small.svg +0 -1
- package/dist/pds-icons/svg/headphones.svg +0 -1
- package/dist/pds-icons/svg/headset-tone.svg +0 -1
- package/dist/pds-icons/svg/headset.svg +0 -1
- package/dist/pds-icons/svg/help-filled.svg +0 -1
- package/dist/pds-icons/svg/help.svg +0 -1
- package/dist/pds-icons/svg/home-alt.svg +0 -1
- package/dist/pds-icons/svg/home-filled.svg +0 -1
- package/dist/pds-icons/svg/home-tone.svg +0 -1
- package/dist/pds-icons/svg/home.svg +0 -1
- package/dist/pds-icons/svg/horizontal-line.svg +0 -1
- package/dist/pds-icons/svg/image.svg +0 -1
- package/dist/pds-icons/svg/info-circle-filled.svg +0 -1
- package/dist/pds-icons/svg/info-circle.svg +0 -1
- package/dist/pds-icons/svg/ios-battery.svg +0 -1
- package/dist/pds-icons/svg/ios-data.svg +0 -1
- package/dist/pds-icons/svg/ios-wifi.svg +0 -1
- package/dist/pds-icons/svg/italic.svg +0 -1
- package/dist/pds-icons/svg/kajabi-filled.svg +0 -1
- package/dist/pds-icons/svg/kajabi.svg +0 -1
- package/dist/pds-icons/svg/keyboard-01.svg +0 -1
- package/dist/pds-icons/svg/klarna.svg +0 -1
- package/dist/pds-icons/svg/lab.svg +0 -1
- package/dist/pds-icons/svg/launch.svg +0 -1
- package/dist/pds-icons/svg/layout-bottom.svg +0 -1
- package/dist/pds-icons/svg/layout-grid-02.svg +0 -1
- package/dist/pds-icons/svg/layout-grid.svg +0 -1
- package/dist/pds-icons/svg/layout-list.svg +0 -1
- package/dist/pds-icons/svg/layout-top.svg +0 -1
- package/dist/pds-icons/svg/left-small.svg +0 -1
- package/dist/pds-icons/svg/list-bullet.svg +0 -1
- package/dist/pds-icons/svg/list-details.svg +0 -1
- package/dist/pds-icons/svg/list-numbers.svg +0 -1
- package/dist/pds-icons/svg/location.svg +0 -1
- package/dist/pds-icons/svg/lock-alt.svg +0 -1
- package/dist/pds-icons/svg/lock.svg +0 -1
- package/dist/pds-icons/svg/logo-afterpay.svg +0 -1
- package/dist/pds-icons/svg/logo-facebook-round.svg +0 -1
- package/dist/pds-icons/svg/logo-facebook.svg +0 -1
- package/dist/pds-icons/svg/logo-instagram.svg +0 -1
- package/dist/pds-icons/svg/logo-linkedin.svg +0 -1
- package/dist/pds-icons/svg/logo-snapchat.svg +0 -1
- package/dist/pds-icons/svg/logo-tiktok.svg +0 -1
- package/dist/pds-icons/svg/logo-twitter-x.svg +0 -1
- package/dist/pds-icons/svg/logo-twitter.svg +0 -1
- package/dist/pds-icons/svg/logo-youtube.svg +0 -1
- package/dist/pds-icons/svg/loop.svg +0 -1
- package/dist/pds-icons/svg/mail-filled.svg +0 -1
- package/dist/pds-icons/svg/mail-open.svg +0 -1
- package/dist/pds-icons/svg/mail-tone.svg +0 -1
- package/dist/pds-icons/svg/mail.svg +0 -1
- package/dist/pds-icons/svg/map.svg +0 -1
- package/dist/pds-icons/svg/mapped.svg +0 -1
- package/dist/pds-icons/svg/margin-left.svg +0 -1
- package/dist/pds-icons/svg/margin-right.svg +0 -1
- package/dist/pds-icons/svg/marker-filled.svg +0 -1
- package/dist/pds-icons/svg/marker.svg +0 -1
- package/dist/pds-icons/svg/megaphone-filled.svg +0 -1
- package/dist/pds-icons/svg/megaphone.svg +0 -1
- package/dist/pds-icons/svg/menu-alt.svg +0 -1
- package/dist/pds-icons/svg/menu-bordered.svg +0 -1
- package/dist/pds-icons/svg/menu.svg +0 -1
- package/dist/pds-icons/svg/merge.svg +0 -1
- package/dist/pds-icons/svg/message-text-square-02.svg +0 -1
- package/dist/pds-icons/svg/microphone-off.svg +0 -1
- package/dist/pds-icons/svg/microphone.svg +0 -1
- package/dist/pds-icons/svg/monitor-filled.svg +0 -1
- package/dist/pds-icons/svg/monitor-tone.svg +0 -1
- package/dist/pds-icons/svg/monitor.svg +0 -1
- package/dist/pds-icons/svg/more-menu-filled.svg +0 -1
- package/dist/pds-icons/svg/more-menu.svg +0 -1
- package/dist/pds-icons/svg/move-left.svg +0 -1
- package/dist/pds-icons/svg/move-right.svg +0 -1
- package/dist/pds-icons/svg/multi-pay.svg +0 -1
- package/dist/pds-icons/svg/music-note-01.svg +0 -1
- package/dist/pds-icons/svg/newsletter-2.svg +0 -1
- package/dist/pds-icons/svg/newsletter.svg +0 -1
- package/dist/pds-icons/svg/one-off-session.svg +0 -1
- package/dist/pds-icons/svg/one-time.svg +0 -1
- package/dist/pds-icons/svg/packages.svg +0 -1
- package/dist/pds-icons/svg/pause-circle.svg +0 -1
- package/dist/pds-icons/svg/pause.svg +0 -1
- package/dist/pds-icons/svg/payout.svg +0 -1
- package/dist/pds-icons/svg/pen.svg +0 -1
- package/dist/pds-icons/svg/phone-portrait.svg +0 -1
- package/dist/pds-icons/svg/phone-tone.svg +0 -1
- package/dist/pds-icons/svg/phone-toolbar-filled.svg +0 -1
- package/dist/pds-icons/svg/phone-toolbar.svg +0 -1
- package/dist/pds-icons/svg/pie-chart-filled.svg +0 -1
- package/dist/pds-icons/svg/play-circle.svg +0 -1
- package/dist/pds-icons/svg/play-outline.svg +0 -1
- package/dist/pds-icons/svg/play-store.svg +0 -1
- package/dist/pds-icons/svg/play.svg +0 -1
- package/dist/pds-icons/svg/plug.svg +0 -1
- package/dist/pds-icons/svg/plus-square.svg +0 -1
- package/dist/pds-icons/svg/premium.svg +0 -1
- package/dist/pds-icons/svg/present.svg +0 -1
- package/dist/pds-icons/svg/preview-off.svg +0 -1
- package/dist/pds-icons/svg/preview-on.svg +0 -1
- package/dist/pds-icons/svg/product-filled.svg +0 -1
- package/dist/pds-icons/svg/product.svg +0 -1
- package/dist/pds-icons/svg/question-circle.svg +0 -1
- package/dist/pds-icons/svg/quote.svg +0 -1
- package/dist/pds-icons/svg/redo.svg +0 -1
- package/dist/pds-icons/svg/refresh.svg +0 -1
- package/dist/pds-icons/svg/remove-circle.svg +0 -1
- package/dist/pds-icons/svg/remove.svg +0 -1
- package/dist/pds-icons/svg/rename.svg +0 -1
- package/dist/pds-icons/svg/reset-password.svg +0 -1
- package/dist/pds-icons/svg/restore.svg +0 -1
- package/dist/pds-icons/svg/right-small.svg +0 -1
- package/dist/pds-icons/svg/rocket-filled.svg +0 -1
- package/dist/pds-icons/svg/rocket-tone.svg +0 -1
- package/dist/pds-icons/svg/rocket.svg +0 -1
- package/dist/pds-icons/svg/round-dollar.svg +0 -1
- package/dist/pds-icons/svg/rows.svg +0 -1
- package/dist/pds-icons/svg/scissor.svg +0 -1
- package/dist/pds-icons/svg/screen-share-off.svg +0 -1
- package/dist/pds-icons/svg/screen-share-on.svg +0 -1
- package/dist/pds-icons/svg/search-md-tone.svg +0 -1
- package/dist/pds-icons/svg/search-small.svg +0 -1
- package/dist/pds-icons/svg/search.svg +0 -1
- package/dist/pds-icons/svg/send-message.svg +0 -1
- package/dist/pds-icons/svg/sequences.svg +0 -1
- package/dist/pds-icons/svg/settings-tone.svg +0 -1
- package/dist/pds-icons/svg/share.svg +0 -1
- package/dist/pds-icons/svg/shopping-cart-filled.svg +0 -1
- package/dist/pds-icons/svg/skipped.svg +0 -1
- package/dist/pds-icons/svg/slash-divider.svg +0 -1
- package/dist/pds-icons/svg/speaker.svg +0 -1
- package/dist/pds-icons/svg/square-dollar.svg +0 -1
- package/dist/pds-icons/svg/stack.svg +0 -1
- package/dist/pds-icons/svg/star-03.svg +0 -1
- package/dist/pds-icons/svg/star-filled.svg +0 -1
- package/dist/pds-icons/svg/star.svg +0 -1
- package/dist/pds-icons/svg/stars-tone.svg +0 -1
- package/dist/pds-icons/svg/stop.svg +0 -1
- package/dist/pds-icons/svg/stopwatch.svg +0 -1
- package/dist/pds-icons/svg/strikethrough.svg +0 -1
- package/dist/pds-icons/svg/subscript.svg +0 -1
- package/dist/pds-icons/svg/subscriptions.svg +0 -1
- package/dist/pds-icons/svg/super-admin.svg +0 -1
- package/dist/pds-icons/svg/superscript.svg +0 -1
- package/dist/pds-icons/svg/sync.svg +0 -1
- package/dist/pds-icons/svg/tablet-landscape.svg +0 -1
- package/dist/pds-icons/svg/tablet-portrait.svg +0 -1
- package/dist/pds-icons/svg/tag-filled.svg +0 -1
- package/dist/pds-icons/svg/tag.svg +0 -1
- package/dist/pds-icons/svg/text-styles.svg +0 -1
- package/dist/pds-icons/svg/theme-store-filled.svg +0 -1
- package/dist/pds-icons/svg/theme-store.svg +0 -1
- package/dist/pds-icons/svg/thumb-down-filled.svg +0 -1
- package/dist/pds-icons/svg/thumb-down.svg +0 -1
- package/dist/pds-icons/svg/thumb-up-filled.svg +0 -1
- package/dist/pds-icons/svg/thumb-up.svg +0 -1
- package/dist/pds-icons/svg/trash.svg +0 -1
- package/dist/pds-icons/svg/trend-down.svg +0 -1
- package/dist/pds-icons/svg/trend-none.svg +0 -1
- package/dist/pds-icons/svg/trend-up.svg +0 -1
- package/dist/pds-icons/svg/trophy-filled.svg +0 -1
- package/dist/pds-icons/svg/trophy.svg +0 -1
- package/dist/pds-icons/svg/type.svg +0 -1
- package/dist/pds-icons/svg/underline.svg +0 -1
- package/dist/pds-icons/svg/undo.svg +0 -1
- package/dist/pds-icons/svg/unlock.svg +0 -1
- package/dist/pds-icons/svg/unmapped.svg +0 -1
- package/dist/pds-icons/svg/up-small.svg +0 -1
- package/dist/pds-icons/svg/upload.svg +0 -1
- package/dist/pds-icons/svg/url.svg +0 -1
- package/dist/pds-icons/svg/user-circle-filled.svg +0 -1
- package/dist/pds-icons/svg/user-circle.svg +0 -1
- package/dist/pds-icons/svg/user-filled.svg +0 -1
- package/dist/pds-icons/svg/user-star-filled.svg +0 -1
- package/dist/pds-icons/svg/user-star.svg +0 -1
- package/dist/pds-icons/svg/user.svg +0 -1
- package/dist/pds-icons/svg/users-alt.svg +0 -1
- package/dist/pds-icons/svg/users-filled.svg +0 -1
- package/dist/pds-icons/svg/users-tone.svg +0 -1
- package/dist/pds-icons/svg/users.svg +0 -1
- package/dist/pds-icons/svg/video-off.svg +0 -1
- package/dist/pds-icons/svg/video-on.svg +0 -1
- package/dist/pds-icons/svg/warning-filled.svg +0 -1
- package/dist/pds-icons/svg/warning.svg +0 -1
- package/dist/pds-icons/svg/window-paragraph.svg +0 -1
- package/dist/pds-icons/svg/world.svg +0 -1
- package/dist/pds-icons/svg/wrench.svg +0 -1
package/dist/cheatsheet.html
CHANGED
|
@@ -2,396 +2,535 @@
|
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8">
|
|
5
|
-
<title>Pine icons 8.
|
|
5
|
+
<title>Pine icons Library - 8.19.0</title>
|
|
6
|
+
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🌲</text></svg>"/>
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
<!-- Pine Design System CSS -->
|
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@pine-ds/core@latest/dist/pine-core/pine-core.css" />
|
|
6
11
|
<style>
|
|
7
12
|
body {
|
|
8
|
-
font-family: -
|
|
9
|
-
|
|
13
|
+
font-family: var(--pine-font-family-greet);
|
|
14
|
+
padding: var(--pine-dimension-250);
|
|
10
15
|
}
|
|
11
|
-
|
|
12
|
-
|
|
16
|
+
|
|
17
|
+
h1, h2 {
|
|
18
|
+
margin-bottom: var(--pine-dimension-500);
|
|
19
|
+
background: linear-gradient(to right, #f97316, #ec4899, #8b5cf6);
|
|
20
|
+
background-clip: border-box;
|
|
21
|
+
-webkit-background-clip: text;
|
|
22
|
+
background-clip: text;
|
|
23
|
+
color: transparent;
|
|
13
24
|
}
|
|
14
|
-
|
|
15
|
-
|
|
25
|
+
h1 {
|
|
26
|
+
margin: 0 0 var(--pine-dimension-400) 0;
|
|
27
|
+
font-size: var(--pine-font-size-285);
|
|
28
|
+
font-weight: var(--pine-font-weight-700);
|
|
29
|
+
text-align: center;
|
|
16
30
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
font-size: 12px;
|
|
31
|
+
h2 {
|
|
32
|
+
font-size: var(--pine-font-size-200);
|
|
33
|
+
font-weight: var(--pine-font-weight-600);
|
|
21
34
|
}
|
|
22
35
|
svg {
|
|
23
|
-
width:
|
|
24
|
-
height:
|
|
36
|
+
width: var(--pine-dimension-600);
|
|
37
|
+
height: var(--pine-dimension-600);
|
|
38
|
+
}
|
|
39
|
+
.icon-container {
|
|
40
|
+
display: grid;
|
|
41
|
+
grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));
|
|
42
|
+
gap: var(--pine-dimension-300);
|
|
43
|
+
padding: var(--pine-dimension-200);
|
|
44
|
+
}
|
|
45
|
+
.icon-button {
|
|
46
|
+
background: var(--pine-color-grey-100);
|
|
47
|
+
border: 1px solid var(--pine-color-grey-200);
|
|
48
|
+
border-radius: var(--pine-dimension-050);
|
|
49
|
+
cursor: pointer;
|
|
50
|
+
padding: var(--pine-dimension-300);
|
|
51
|
+
transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
52
|
+
transform: translateY(0);
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
justify-content: center;
|
|
56
|
+
aspect-ratio: 1;
|
|
57
|
+
}
|
|
58
|
+
.icon-button:hover {
|
|
59
|
+
transform: translateY(-2px);
|
|
60
|
+
}
|
|
61
|
+
.icon-button:active {
|
|
62
|
+
background: linear-gradient(to right, rgba(249, 115, 22, 0.1), rgba(236, 72, 153, 0.1), rgba(139, 92, 246, 0.1));
|
|
63
|
+
}
|
|
64
|
+
.visually-hidden {
|
|
65
|
+
position: absolute;
|
|
66
|
+
width: 1px;
|
|
67
|
+
height: 1px;
|
|
68
|
+
padding: 0;
|
|
69
|
+
margin: -1px;
|
|
70
|
+
overflow: hidden;
|
|
71
|
+
clip: rect(0, 0, 0, 0);
|
|
72
|
+
white-space: nowrap;
|
|
73
|
+
border: 0;
|
|
74
|
+
}
|
|
75
|
+
.toast {
|
|
76
|
+
position: fixed;
|
|
77
|
+
bottom: var(--pine-dimension-400);
|
|
78
|
+
left: 50%;
|
|
79
|
+
transform: translateX(-50%);
|
|
80
|
+
background: var(--pine-color-white);
|
|
81
|
+
color: var(--pine-color-grey-900);
|
|
82
|
+
padding: var(--pine-dimension-200) var(--pine-dimension-400);
|
|
83
|
+
border-radius: var(--pine-dimension-100);
|
|
84
|
+
opacity: 0;
|
|
85
|
+
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
86
|
+
pointer-events: none;
|
|
87
|
+
font-size: var(--pine-font-size-100);
|
|
88
|
+
font-weight: var(--pine-font-weight-500);
|
|
89
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
90
|
+
border: 1px solid var(--pine-color-grey-200);
|
|
91
|
+
max-width: 90vw;
|
|
92
|
+
display: flex;
|
|
93
|
+
align-items: center;
|
|
94
|
+
gap: var(--pine-dimension-200);
|
|
95
|
+
}
|
|
96
|
+
.toast svg {
|
|
97
|
+
width: var(--pine-dimension-300);
|
|
98
|
+
height: var(--pine-dimension-300);
|
|
99
|
+
flex-shrink: 0;
|
|
100
|
+
}
|
|
101
|
+
.toast.show {
|
|
102
|
+
opacity: 1;
|
|
103
|
+
transform: translateX(-50%) translateY(0);
|
|
104
|
+
}
|
|
105
|
+
.toast:not(.show) {
|
|
106
|
+
transform: translateX(-50%) translateY(var(--pine-dimension-400));
|
|
107
|
+
}
|
|
108
|
+
.search-container {
|
|
109
|
+
margin-bottom: var(--pine-dimension-500);
|
|
110
|
+
display: flex;
|
|
111
|
+
justify-content: center;
|
|
112
|
+
}
|
|
113
|
+
.search-input {
|
|
114
|
+
width: 100%;
|
|
115
|
+
max-width: 400px;
|
|
116
|
+
padding: var(--pine-dimension-200) var(--pine-dimension-300);
|
|
117
|
+
border-radius: var(--pine-dimension-100);
|
|
118
|
+
font-family: var(--pine-font-family-greet);
|
|
119
|
+
font-size: var(--pine-font-size-100);
|
|
120
|
+
border: 1px solid var(--pine-color-grey-200);
|
|
121
|
+
transition: all 0.2s ease;
|
|
122
|
+
background: var(--pine-color-grey-100);
|
|
123
|
+
}
|
|
124
|
+
.search-input:focus {
|
|
125
|
+
outline: none;
|
|
126
|
+
border-color: #8b5cf6;
|
|
127
|
+
box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
|
|
128
|
+
background: var(--pine-color-white);
|
|
129
|
+
}
|
|
130
|
+
.search-input::placeholder {
|
|
131
|
+
color: var(--pine-color-grey-400);
|
|
132
|
+
}
|
|
133
|
+
.empty-state {
|
|
134
|
+
display: none;
|
|
135
|
+
text-align: center;
|
|
136
|
+
padding: var(--pine-dimension-800) var(--pine-dimension-400);
|
|
137
|
+
color: var(--pine-color-grey-500);
|
|
138
|
+
grid-column: 1 / -1;
|
|
25
139
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
140
|
+
.empty-state-text {
|
|
141
|
+
font-size: var(--pine-font-size-200);
|
|
142
|
+
font-weight: var(--pine-font-weight-500);
|
|
143
|
+
background: linear-gradient(to right, #f97316, #ec4899, #8b5cf6);
|
|
144
|
+
-webkit-background-clip: text;
|
|
145
|
+
background-clip: text;
|
|
146
|
+
color: transparent;
|
|
29
147
|
}
|
|
30
|
-
|
|
31
|
-
|
|
148
|
+
.icon-count-container {
|
|
149
|
+
display: flex;
|
|
150
|
+
justify-content: center;
|
|
151
|
+
align-items: center;
|
|
152
|
+
}
|
|
153
|
+
.icon-count {
|
|
154
|
+
display: inline-block;
|
|
155
|
+
color: var(--pine-color-white);
|
|
156
|
+
background: linear-gradient(to right, #f97316, #ec4899, #8b5cf6);
|
|
157
|
+
text-align: center;
|
|
158
|
+
padding: var(--pine-dimension-050) var(--pine-dimension-150);
|
|
159
|
+
border-radius: var(--pine-border-radius-full);
|
|
160
|
+
font-size: var(--pine-font-size-100);
|
|
32
161
|
}
|
|
33
162
|
</style>
|
|
34
163
|
</head>
|
|
35
164
|
<body>
|
|
36
|
-
<
|
|
37
|
-
<
|
|
165
|
+
<div class="icon-count-container">
|
|
166
|
+
<p class="icon-count">355 icons</p>
|
|
167
|
+
</div>
|
|
168
|
+
<h1>Pine Icons - 8.19.0</h1>
|
|
169
|
+
<div class="search-container">
|
|
170
|
+
<label for="search" class="visually-hidden">Search all 355 icons</label>
|
|
171
|
+
<input type="text" id="search" class="search-input" placeholder="Search icons by name or tag..." oninput="filterIcons(this.value)">
|
|
172
|
+
</div>
|
|
38
173
|
|
|
39
|
-
<
|
|
40
|
-
<
|
|
41
|
-
<
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
<
|
|
45
|
-
<
|
|
46
|
-
<
|
|
47
|
-
<
|
|
48
|
-
<
|
|
49
|
-
<
|
|
50
|
-
<
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
<
|
|
54
|
-
<
|
|
55
|
-
<
|
|
56
|
-
<
|
|
57
|
-
<
|
|
58
|
-
<
|
|
59
|
-
<
|
|
60
|
-
<
|
|
61
|
-
<
|
|
62
|
-
<
|
|
63
|
-
<
|
|
64
|
-
<
|
|
65
|
-
<
|
|
66
|
-
<
|
|
67
|
-
<
|
|
68
|
-
<
|
|
69
|
-
<
|
|
70
|
-
<
|
|
71
|
-
<
|
|
72
|
-
<
|
|
73
|
-
<
|
|
74
|
-
<
|
|
75
|
-
<
|
|
76
|
-
<
|
|
77
|
-
<
|
|
78
|
-
<
|
|
79
|
-
<
|
|
80
|
-
<
|
|
81
|
-
<
|
|
82
|
-
<
|
|
83
|
-
<
|
|
84
|
-
<
|
|
85
|
-
<
|
|
86
|
-
<
|
|
87
|
-
<
|
|
88
|
-
<
|
|
89
|
-
<
|
|
90
|
-
<
|
|
91
|
-
<
|
|
92
|
-
<
|
|
93
|
-
<
|
|
94
|
-
<
|
|
95
|
-
<
|
|
96
|
-
<
|
|
97
|
-
<
|
|
98
|
-
<
|
|
99
|
-
<
|
|
100
|
-
<
|
|
101
|
-
<
|
|
102
|
-
<
|
|
103
|
-
<
|
|
104
|
-
<
|
|
105
|
-
<
|
|
106
|
-
<
|
|
107
|
-
<
|
|
108
|
-
<
|
|
109
|
-
<
|
|
110
|
-
<
|
|
111
|
-
<
|
|
112
|
-
<
|
|
113
|
-
<
|
|
114
|
-
<
|
|
115
|
-
<
|
|
116
|
-
<
|
|
117
|
-
<
|
|
118
|
-
<
|
|
119
|
-
<
|
|
120
|
-
<
|
|
121
|
-
<
|
|
122
|
-
<
|
|
123
|
-
<
|
|
124
|
-
<a
|
|
125
|
-
<
|
|
126
|
-
<
|
|
127
|
-
<
|
|
128
|
-
<
|
|
129
|
-
<
|
|
130
|
-
<
|
|
131
|
-
<
|
|
132
|
-
<
|
|
133
|
-
<
|
|
134
|
-
<
|
|
135
|
-
<
|
|
136
|
-
<
|
|
137
|
-
<
|
|
138
|
-
<
|
|
139
|
-
<
|
|
140
|
-
<
|
|
141
|
-
<
|
|
142
|
-
<
|
|
143
|
-
<
|
|
144
|
-
<
|
|
145
|
-
<
|
|
146
|
-
<
|
|
147
|
-
<
|
|
148
|
-
<
|
|
149
|
-
<
|
|
150
|
-
<
|
|
151
|
-
<
|
|
152
|
-
<
|
|
153
|
-
<
|
|
154
|
-
<
|
|
155
|
-
<
|
|
156
|
-
<
|
|
157
|
-
<
|
|
158
|
-
<
|
|
159
|
-
<
|
|
160
|
-
<
|
|
161
|
-
<
|
|
162
|
-
<
|
|
163
|
-
<
|
|
164
|
-
<
|
|
165
|
-
<
|
|
166
|
-
<
|
|
167
|
-
<
|
|
168
|
-
<
|
|
169
|
-
<
|
|
170
|
-
<
|
|
171
|
-
<
|
|
172
|
-
<
|
|
173
|
-
<
|
|
174
|
-
<
|
|
175
|
-
<
|
|
176
|
-
<
|
|
177
|
-
<
|
|
178
|
-
<
|
|
179
|
-
<
|
|
180
|
-
<
|
|
181
|
-
<
|
|
182
|
-
<
|
|
183
|
-
<
|
|
184
|
-
<
|
|
185
|
-
<
|
|
186
|
-
<
|
|
187
|
-
<
|
|
188
|
-
<
|
|
189
|
-
<
|
|
190
|
-
<
|
|
191
|
-
<
|
|
192
|
-
<
|
|
193
|
-
<
|
|
194
|
-
<
|
|
195
|
-
<
|
|
196
|
-
<
|
|
197
|
-
<
|
|
198
|
-
<
|
|
199
|
-
<
|
|
200
|
-
<
|
|
201
|
-
<
|
|
202
|
-
<
|
|
203
|
-
<
|
|
204
|
-
<
|
|
205
|
-
<
|
|
206
|
-
<
|
|
207
|
-
<
|
|
208
|
-
<
|
|
209
|
-
<
|
|
210
|
-
<
|
|
211
|
-
<
|
|
212
|
-
<
|
|
213
|
-
<
|
|
214
|
-
<
|
|
215
|
-
<
|
|
216
|
-
<
|
|
217
|
-
<
|
|
218
|
-
<
|
|
219
|
-
<
|
|
220
|
-
<
|
|
221
|
-
<
|
|
222
|
-
<
|
|
223
|
-
<
|
|
224
|
-
<
|
|
225
|
-
<
|
|
226
|
-
<
|
|
227
|
-
<
|
|
228
|
-
<
|
|
229
|
-
<
|
|
230
|
-
<
|
|
231
|
-
<
|
|
232
|
-
<
|
|
233
|
-
<
|
|
234
|
-
<
|
|
235
|
-
<
|
|
236
|
-
<
|
|
237
|
-
<
|
|
238
|
-
<
|
|
239
|
-
<
|
|
240
|
-
<
|
|
241
|
-
<
|
|
242
|
-
<
|
|
243
|
-
<
|
|
244
|
-
<
|
|
245
|
-
<
|
|
246
|
-
<
|
|
247
|
-
<
|
|
248
|
-
<
|
|
249
|
-
<
|
|
250
|
-
<
|
|
251
|
-
<
|
|
252
|
-
<
|
|
253
|
-
<
|
|
254
|
-
<
|
|
255
|
-
<
|
|
256
|
-
<
|
|
257
|
-
<
|
|
258
|
-
<
|
|
259
|
-
<
|
|
260
|
-
<
|
|
261
|
-
<
|
|
262
|
-
<
|
|
263
|
-
<
|
|
264
|
-
<
|
|
265
|
-
<
|
|
266
|
-
<
|
|
267
|
-
<
|
|
268
|
-
<
|
|
269
|
-
<
|
|
270
|
-
<
|
|
271
|
-
<
|
|
272
|
-
<
|
|
273
|
-
<
|
|
274
|
-
<
|
|
275
|
-
<
|
|
276
|
-
<
|
|
277
|
-
<
|
|
278
|
-
<
|
|
279
|
-
<
|
|
280
|
-
<
|
|
281
|
-
<
|
|
282
|
-
<
|
|
283
|
-
<
|
|
284
|
-
<
|
|
285
|
-
<
|
|
286
|
-
<
|
|
287
|
-
<
|
|
288
|
-
<
|
|
289
|
-
<
|
|
290
|
-
<
|
|
291
|
-
<
|
|
292
|
-
<
|
|
293
|
-
<
|
|
294
|
-
<
|
|
295
|
-
<
|
|
296
|
-
<
|
|
297
|
-
<
|
|
298
|
-
<
|
|
299
|
-
<
|
|
300
|
-
<
|
|
301
|
-
<
|
|
302
|
-
<
|
|
303
|
-
<
|
|
304
|
-
<
|
|
305
|
-
<
|
|
306
|
-
<
|
|
307
|
-
<
|
|
308
|
-
<
|
|
309
|
-
<
|
|
310
|
-
<
|
|
311
|
-
<
|
|
312
|
-
<
|
|
313
|
-
<
|
|
314
|
-
<
|
|
315
|
-
<
|
|
316
|
-
<
|
|
317
|
-
<
|
|
318
|
-
<
|
|
319
|
-
<
|
|
320
|
-
<
|
|
321
|
-
<
|
|
322
|
-
<
|
|
323
|
-
<
|
|
324
|
-
<
|
|
325
|
-
<
|
|
326
|
-
<
|
|
327
|
-
<
|
|
328
|
-
<
|
|
329
|
-
<
|
|
330
|
-
<
|
|
331
|
-
<
|
|
332
|
-
<
|
|
333
|
-
<
|
|
334
|
-
<
|
|
335
|
-
<
|
|
336
|
-
<
|
|
337
|
-
<
|
|
338
|
-
<
|
|
339
|
-
<
|
|
340
|
-
<
|
|
341
|
-
<
|
|
342
|
-
<
|
|
343
|
-
<
|
|
344
|
-
<
|
|
345
|
-
<
|
|
346
|
-
<
|
|
347
|
-
<
|
|
348
|
-
<
|
|
349
|
-
<
|
|
350
|
-
<
|
|
351
|
-
<
|
|
352
|
-
<
|
|
353
|
-
<
|
|
354
|
-
<
|
|
355
|
-
<
|
|
356
|
-
<
|
|
357
|
-
<
|
|
358
|
-
<
|
|
359
|
-
<
|
|
360
|
-
<
|
|
361
|
-
<
|
|
362
|
-
<
|
|
363
|
-
<
|
|
364
|
-
<
|
|
365
|
-
<
|
|
366
|
-
<
|
|
367
|
-
<
|
|
368
|
-
<
|
|
369
|
-
<
|
|
370
|
-
<
|
|
371
|
-
<
|
|
372
|
-
<
|
|
373
|
-
<
|
|
374
|
-
<
|
|
375
|
-
<
|
|
376
|
-
<
|
|
377
|
-
<
|
|
378
|
-
<
|
|
379
|
-
<
|
|
380
|
-
<
|
|
381
|
-
<
|
|
382
|
-
<
|
|
383
|
-
<
|
|
384
|
-
<
|
|
385
|
-
<
|
|
386
|
-
<
|
|
387
|
-
<
|
|
388
|
-
<
|
|
389
|
-
<
|
|
390
|
-
<
|
|
391
|
-
<
|
|
392
|
-
<
|
|
393
|
-
<
|
|
394
|
-
<
|
|
174
|
+
<div class="icon-container">
|
|
175
|
+
<div class="empty-state">
|
|
176
|
+
<div class="empty-state-text">Sorry, that icon doesn't exist yet. Try another search!</div>
|
|
177
|
+
</div>
|
|
178
|
+
<button class="icon-button" title="Copy access-key code snippet" data-tags="cybersecurity,key,password,security" data-icon-name="access-key"><svg><use href="#access-key" xlink:href="#access-key"/></svg><span class="visually-hidden">Copy access-key icon code</span></button>
|
|
179
|
+
<button class="icon-button" title="Copy add code snippet" data-tags="add,addition,calculate,mathematics,plus" data-icon-name="add"><svg><use href="#add" xlink:href="#add"/></svg><span class="visually-hidden">Copy add icon code</span></button>
|
|
180
|
+
<button class="icon-button" title="Copy add-circle code snippet" data-tags="add,addition,calculate,circle,mathematics,plus" data-icon-name="add-circle"><svg><use href="#add-circle" xlink:href="#add-circle"/></svg><span class="visually-hidden">Copy add-circle icon code</span></button>
|
|
181
|
+
<button class="icon-button" title="Copy add-image code snippet" data-tags="image,jpeg,jpg,photo,plus,png" data-icon-name="add-image"><svg><use href="#add-image" xlink:href="#add-image"/></svg><span class="visually-hidden">Copy add-image icon code</span></button>
|
|
182
|
+
<button class="icon-button" title="Copy add-small code snippet" data-tags="add,addition,calculate,mathematics,plus" data-icon-name="add-small"><svg><use href="#add-small" xlink:href="#add-small"/></svg><span class="visually-hidden">Copy add-small icon code</span></button>
|
|
183
|
+
<button class="icon-button" title="Copy add-square code snippet" data-tags="add,addition,calculate,mathematics,plus" data-icon-name="add-square"><svg><use href="#add-square" xlink:href="#add-square"/></svg><span class="visually-hidden">Copy add-square icon code</span></button>
|
|
184
|
+
<button class="icon-button" title="Copy advanced code snippet" data-tags="preferences,settings,slider,toggle" data-icon-name="advanced"><svg><use href="#advanced" xlink:href="#advanced"/></svg><span class="visually-hidden">Copy advanced icon code</span></button>
|
|
185
|
+
<button class="icon-button" title="Copy ai-sparkle code snippet" data-tags="ai,galaxy,new,night time,stars,weather" data-icon-name="ai-sparkle"><svg><use href="#ai-sparkle" xlink:href="#ai-sparkle"/></svg><span class="visually-hidden">Copy ai-sparkle icon code</span></button>
|
|
186
|
+
<button class="icon-button" title="Copy ai-writer code snippet" data-tags="ai,galaxy,new,night time,stars,weather" data-icon-name="ai-writer"><svg><use href="#ai-writer" xlink:href="#ai-writer"/></svg><span class="visually-hidden">Copy ai-writer icon code</span></button>
|
|
187
|
+
<button class="icon-button" title="Copy ai-writer-filled code snippet" data-tags="ai,galaxy,new,night time,stars,weather" data-icon-name="ai-writer-filled"><svg><use href="#ai-writer-filled" xlink:href="#ai-writer-filled"/></svg><span class="visually-hidden">Copy ai-writer-filled icon code</span></button>
|
|
188
|
+
<button class="icon-button" title="Copy align-center code snippet" data-tags="align,center,centre,editor,paragraph,text" data-icon-name="align-center"><svg><use href="#align-center" xlink:href="#align-center"/></svg><span class="visually-hidden">Copy align-center icon code</span></button>
|
|
189
|
+
<button class="icon-button" title="Copy align-horizontal-bottom code snippet" data-tags="align,bottom,horizontal" data-icon-name="align-horizontal-bottom"><svg><use href="#align-horizontal-bottom" xlink:href="#align-horizontal-bottom"/></svg><span class="visually-hidden">Copy align-horizontal-bottom icon code</span></button>
|
|
190
|
+
<button class="icon-button" title="Copy align-horizontal-center code snippet" data-tags="align,center,horizontal" data-icon-name="align-horizontal-center"><svg><use href="#align-horizontal-center" xlink:href="#align-horizontal-center"/></svg><span class="visually-hidden">Copy align-horizontal-center icon code</span></button>
|
|
191
|
+
<button class="icon-button" title="Copy align-horizontal-top code snippet" data-tags="align,horizontal,top" data-icon-name="align-horizontal-top"><svg><use href="#align-horizontal-top" xlink:href="#align-horizontal-top"/></svg><span class="visually-hidden">Copy align-horizontal-top icon code</span></button>
|
|
192
|
+
<button class="icon-button" title="Copy align-justify code snippet" data-tags="align,editor,justify,paragraph,text" data-icon-name="align-justify"><svg><use href="#align-justify" xlink:href="#align-justify"/></svg><span class="visually-hidden">Copy align-justify icon code</span></button>
|
|
193
|
+
<button class="icon-button" title="Copy align-left code snippet" data-tags="align,editor,left,paragraph,text" data-icon-name="align-left"><svg><use href="#align-left" xlink:href="#align-left"/></svg><span class="visually-hidden">Copy align-left icon code</span></button>
|
|
194
|
+
<button class="icon-button" title="Copy align-right code snippet" data-tags="align,editor,paragraph,right,text" data-icon-name="align-right"><svg><use href="#align-right" xlink:href="#align-right"/></svg><span class="visually-hidden">Copy align-right icon code</span></button>
|
|
195
|
+
<button class="icon-button" title="Copy align-vertical-center code snippet" data-tags="align,center,vertical" data-icon-name="align-vertical-center"><svg><use href="#align-vertical-center" xlink:href="#align-vertical-center"/></svg><span class="visually-hidden">Copy align-vertical-center icon code</span></button>
|
|
196
|
+
<button class="icon-button" title="Copy align-vertical-left code snippet" data-tags="align,left,vertical" data-icon-name="align-vertical-left"><svg><use href="#align-vertical-left" xlink:href="#align-vertical-left"/></svg><span class="visually-hidden">Copy align-vertical-left icon code</span></button>
|
|
197
|
+
<button class="icon-button" title="Copy align-vertical-right code snippet" data-tags="align,right,vertical" data-icon-name="align-vertical-right"><svg><use href="#align-vertical-right" xlink:href="#align-vertical-right"/></svg><span class="visually-hidden">Copy align-vertical-right icon code</span></button>
|
|
198
|
+
<button class="icon-button" title="Copy app-store code snippet" data-tags="apple,appstore,computer,design,development,device,iPad,iPhone,logo,mac,pay,payment" data-icon-name="app-store"><svg><use href="#app-store" xlink:href="#app-store"/></svg><span class="visually-hidden">Copy app-store icon code</span></button>
|
|
199
|
+
<button class="icon-button" title="Copy archive code snippet" data-tags="archive,box,project,storage" data-icon-name="archive"><svg><use href="#archive" xlink:href="#archive"/></svg><span class="visually-hidden">Copy archive icon code</span></button>
|
|
200
|
+
<button class="icon-button" title="Copy arrow-corner code snippet" data-tags="arrow,arrows,corner,curved,direction,forward,keyboard,move,navigation,next,onward,onwards,out,position,right,top,up,upward,upwards" data-icon-name="arrow-corner"><svg><use href="#arrow-corner" xlink:href="#arrow-corner"/></svg><span class="visually-hidden">Copy arrow-corner icon code</span></button>
|
|
201
|
+
<button class="icon-button" title="Copy arrow-down code snippet" data-tags="arrow,down,narrow" data-icon-name="arrow-down"><svg><use href="#arrow-down" xlink:href="#arrow-down"/></svg><span class="visually-hidden">Copy arrow-down icon code</span></button>
|
|
202
|
+
<button class="icon-button" title="Copy arrow-left code snippet" data-tags="arrow,left,narrow" data-icon-name="arrow-left"><svg><use href="#arrow-left" xlink:href="#arrow-left"/></svg><span class="visually-hidden">Copy arrow-left icon code</span></button>
|
|
203
|
+
<button class="icon-button" title="Copy arrow-right code snippet" data-tags="arrow,narrow,right" data-icon-name="arrow-right"><svg><use href="#arrow-right" xlink:href="#arrow-right"/></svg><span class="visually-hidden">Copy arrow-right icon code</span></button>
|
|
204
|
+
<button class="icon-button" title="Copy arrow-up code snippet" data-tags="arrow,narrow,up" data-icon-name="arrow-up"><svg><use href="#arrow-up" xlink:href="#arrow-up"/></svg><span class="visually-hidden">Copy arrow-up icon code</span></button>
|
|
205
|
+
<button class="icon-button" title="Copy assessment code snippet" data-tags="all,check,check-all,checked,completed,done,filter,filtering,list,mark,select,todo" data-icon-name="assessment"><svg><use href="#assessment" xlink:href="#assessment"/></svg><span class="visually-hidden">Copy assessment icon code</span></button>
|
|
206
|
+
<button class="icon-button" title="Copy at-sign code snippet" data-tags="@,at,email" data-icon-name="at-sign"><svg><use href="#at-sign" xlink:href="#at-sign"/></svg><span class="visually-hidden">Copy at-sign icon code</span></button>
|
|
207
|
+
<button class="icon-button" title="Copy attach code snippet" data-tags="attachment,file,paperclip,upload" data-icon-name="attach"><svg><use href="#attach" xlink:href="#attach"/></svg><span class="visually-hidden">Copy attach icon code</span></button>
|
|
208
|
+
<button class="icon-button" title="Copy automations code snippet" data-tags="arrow,arrows,direction,directions,divide,fork,organize,separate,share,split,splitter" data-icon-name="automations"><svg><use href="#automations" xlink:href="#automations"/></svg><span class="visually-hidden">Copy automations icon code</span></button>
|
|
209
|
+
<button class="icon-button" title="Copy ban code snippet" data-tags="cancel,circle,entry,no,slash,stop" data-icon-name="ban"><svg><use href="#ban" xlink:href="#ban"/></svg><span class="visually-hidden">Copy ban icon code</span></button>
|
|
210
|
+
<button class="icon-button" title="Copy bank code snippet" data-tags="bank,building,currency,deposit" data-icon-name="bank"><svg><use href="#bank" xlink:href="#bank"/></svg><span class="visually-hidden">Copy bank icon code</span></button>
|
|
211
|
+
<button class="icon-button" title="Copy bar-chart-square code snippet" data-tags="bar,barchart,chart,data,graph,square" data-icon-name="bar-chart-square"><svg><use href="#bar-chart-square" xlink:href="#bar-chart-square"/></svg><span class="visually-hidden">Copy bar-chart-square icon code</span></button>
|
|
212
|
+
<button class="icon-button" title="Copy bar-chart-tone code snippet" data-tags="bar,barchart,chart,data,graph" data-icon-name="bar-chart-tone"><svg><use href="#bar-chart-tone" xlink:href="#bar-chart-tone"/></svg><span class="visually-hidden">Copy bar-chart-tone icon code</span></button>
|
|
213
|
+
<button class="icon-button" title="Copy bell code snippet" data-tags="alert,bell,notification" data-icon-name="bell"><svg><use href="#bell" xlink:href="#bell"/></svg><span class="visually-hidden">Copy bell icon code</span></button>
|
|
214
|
+
<button class="icon-button" title="Copy bell-tone code snippet" data-tags="alert,bell,notification" data-icon-name="bell-tone"><svg><use href="#bell-tone" xlink:href="#bell-tone"/></svg><span class="visually-hidden">Copy bell-tone icon code</span></button>
|
|
215
|
+
<button class="icon-button" title="Copy block code snippet" data-tags="box,shape,square" data-icon-name="block"><svg><use href="#block" xlink:href="#block"/></svg><span class="visually-hidden">Copy block icon code</span></button>
|
|
216
|
+
<button class="icon-button" title="Copy blog code snippet" data-tags="browser,flexbox,grid,layout,table,web" data-icon-name="blog"><svg><use href="#blog" xlink:href="#blog"/></svg><span class="visually-hidden">Copy blog icon code</span></button>
|
|
217
|
+
<button class="icon-button" title="Copy blog-filled code snippet" data-tags="browser,flexbox,grid,layout,table,web" data-icon-name="blog-filled"><svg><use href="#blog-filled" xlink:href="#blog-filled"/></svg><span class="visually-hidden">Copy blog-filled icon code</span></button>
|
|
218
|
+
<button class="icon-button" title="Copy bold code snippet" data-tags="bold,editor,rich text,text" data-icon-name="bold"><svg><use href="#bold" xlink:href="#bold"/></svg><span class="visually-hidden">Copy bold icon code</span></button>
|
|
219
|
+
<button class="icon-button" title="Copy bookmark code snippet" data-tags="bookmark,save,tag" data-icon-name="bookmark"><svg><use href="#bookmark" xlink:href="#bookmark"/></svg><span class="visually-hidden">Copy bookmark icon code</span></button>
|
|
220
|
+
<button class="icon-button" title="Copy broadcast code snippet" data-tags="alert,announcement,audio,loudspeaker,media,megaphone,multimedia,notification,speaker,voice" data-icon-name="broadcast"><svg><use href="#broadcast" xlink:href="#broadcast"/></svg><span class="visually-hidden">Copy broadcast icon code</span></button>
|
|
221
|
+
<button class="icon-button" title="Copy bulb code snippet" data-tags="light,light mode,lightbulb,lightmode" data-icon-name="bulb"><svg><use href="#bulb" xlink:href="#bulb"/></svg><span class="visually-hidden">Copy bulb icon code</span></button>
|
|
222
|
+
<button class="icon-button" title="Copy button code snippet" data-tags="button,choice,control,design,rectangle,shape,shapes" data-icon-name="button"><svg><use href="#button" xlink:href="#button"/></svg><span class="visually-hidden">Copy button icon code</span></button>
|
|
223
|
+
<button class="icon-button" title="Copy calendar-date code snippet" data-tags="booking,calendar,date" data-icon-name="calendar-date"><svg><use href="#calendar-date" xlink:href="#calendar-date"/></svg><span class="visually-hidden">Copy calendar-date icon code</span></button>
|
|
224
|
+
<button class="icon-button" title="Copy calendar-schedule code snippet" data-tags="add,booking,calendar,date,plus" data-icon-name="calendar-schedule"><svg><use href="#calendar-schedule" xlink:href="#calendar-schedule"/></svg><span class="visually-hidden">Copy calendar-schedule icon code</span></button>
|
|
225
|
+
<button class="icon-button" title="Copy calendar-simple code snippet" data-tags="booking,calendar,date" data-icon-name="calendar-simple"><svg><use href="#calendar-simple" xlink:href="#calendar-simple"/></svg><span class="visually-hidden">Copy calendar-simple icon code</span></button>
|
|
226
|
+
<button class="icon-button" title="Copy card-amex code snippet" data-tags="american express,amex,credit card,payment" data-icon-name="card-amex"><svg><use href="#card-amex" xlink:href="#card-amex"/></svg><span class="visually-hidden">Copy card-amex icon code</span></button>
|
|
227
|
+
<button class="icon-button" title="Copy card-android code snippet" data-tags="apple pay,credit card,payment" data-icon-name="card-android"><svg><use href="#card-android" xlink:href="#card-android"/></svg><span class="visually-hidden">Copy card-android icon code</span></button>
|
|
228
|
+
<button class="icon-button" title="Copy card-apple code snippet" data-tags="apple pay,credit card,payment" data-icon-name="card-apple"><svg><use href="#card-apple" xlink:href="#card-apple"/></svg><span class="visually-hidden">Copy card-apple icon code</span></button>
|
|
229
|
+
<button class="icon-button" title="Copy card-diners-club code snippet" data-tags="credit card,diners,payment" data-icon-name="card-diners-club"><svg><use href="#card-diners-club" xlink:href="#card-diners-club"/></svg><span class="visually-hidden">Copy card-diners-club icon code</span></button>
|
|
230
|
+
<button class="icon-button" title="Copy card-discover code snippet" data-tags="credit card,discover,payment" data-icon-name="card-discover"><svg><use href="#card-discover" xlink:href="#card-discover"/></svg><span class="visually-hidden">Copy card-discover icon code</span></button>
|
|
231
|
+
<button class="icon-button" title="Copy card-generic code snippet" data-tags="card,credit card,currency,debit card,money" data-icon-name="card-generic"><svg><use href="#card-generic" xlink:href="#card-generic"/></svg><span class="visually-hidden">Copy card-generic icon code</span></button>
|
|
232
|
+
<button class="icon-button" title="Copy card-gpay code snippet" data-tags="android,credit card,google,gpay,payment" data-icon-name="card-gpay"><svg><use href="#card-gpay" xlink:href="#card-gpay"/></svg><span class="visually-hidden">Copy card-gpay icon code</span></button>
|
|
233
|
+
<button class="icon-button" title="Copy card-mastercard code snippet" data-tags="credit card,mastercard,payment" data-icon-name="card-mastercard"><svg><use href="#card-mastercard" xlink:href="#card-mastercard"/></svg><span class="visually-hidden">Copy card-mastercard icon code</span></button>
|
|
234
|
+
<button class="icon-button" title="Copy card-paypal code snippet" data-tags="credit card,payment,paypal" data-icon-name="card-paypal"><svg><use href="#card-paypal" xlink:href="#card-paypal"/></svg><span class="visually-hidden">Copy card-paypal icon code</span></button>
|
|
235
|
+
<button class="icon-button" title="Copy card-stripe code snippet" data-tags="credit card,payment,stripe" data-icon-name="card-stripe"><svg><use href="#card-stripe" xlink:href="#card-stripe"/></svg><span class="visually-hidden">Copy card-stripe icon code</span></button>
|
|
236
|
+
<button class="icon-button" title="Copy card-update code snippet" data-tags="card,credit card,currency,debit card,money,refresh" data-icon-name="card-update"><svg><use href="#card-update" xlink:href="#card-update"/></svg><span class="visually-hidden">Copy card-update icon code</span></button>
|
|
237
|
+
<button class="icon-button" title="Copy card-visa code snippet" data-tags="credit card,payment,visa" data-icon-name="card-visa"><svg><use href="#card-visa" xlink:href="#card-visa"/></svg><span class="visually-hidden">Copy card-visa icon code</span></button>
|
|
238
|
+
<button class="icon-button" title="Copy caret-down code snippet" data-tags="caret down,chevron,down,dropdown" data-icon-name="caret-down"><svg><use href="#caret-down" xlink:href="#caret-down"/></svg><span class="visually-hidden">Copy caret-down icon code</span></button>
|
|
239
|
+
<button class="icon-button" title="Copy caret-left code snippet" data-tags="caret left,chevron,left" data-icon-name="caret-left"><svg><use href="#caret-left" xlink:href="#caret-left"/></svg><span class="visually-hidden">Copy caret-left icon code</span></button>
|
|
240
|
+
<button class="icon-button" title="Copy caret-right code snippet" data-tags="caret right,chevron,right" data-icon-name="caret-right"><svg><use href="#caret-right" xlink:href="#caret-right"/></svg><span class="visually-hidden">Copy caret-right icon code</span></button>
|
|
241
|
+
<button class="icon-button" title="Copy caret-up code snippet" data-tags="caret up,chevron,dropdown,up" data-icon-name="caret-up"><svg><use href="#caret-up" xlink:href="#caret-up"/></svg><span class="visually-hidden">Copy caret-up icon code</span></button>
|
|
242
|
+
<button class="icon-button" title="Copy cart code snippet" data-tags="cart,ecommerce,purchase,shopping bag" data-icon-name="cart"><svg><use href="#cart" xlink:href="#cart"/></svg><span class="visually-hidden">Copy cart icon code</span></button>
|
|
243
|
+
<button class="icon-button" title="Copy cart-add code snippet" data-tags="cart,ecommerce,purchase,shopping bag" data-icon-name="cart-add"><svg><use href="#cart-add" xlink:href="#cart-add"/></svg><span class="visually-hidden">Copy cart-add icon code</span></button>
|
|
244
|
+
<button class="icon-button" title="Copy certificate code snippet" data-tags="badge,certificate,certification,degree,document" data-icon-name="certificate"><svg><use href="#certificate" xlink:href="#certificate"/></svg><span class="visually-hidden">Copy certificate icon code</span></button>
|
|
245
|
+
<button class="icon-button" title="Copy chart code snippet" data-tags="analytics,bar,business,chart,data,diagram,finance,graph,nav,navigation,report,statistics" data-icon-name="chart"><svg><use href="#chart" xlink:href="#chart"/></svg><span class="visually-hidden">Copy chart icon code</span></button>
|
|
246
|
+
<button class="icon-button" title="Copy chart-filled code snippet" data-tags="analytics,bar,business,chart,data,diagram,finance,graph,nav,navigation,report,statistics" data-icon-name="chart-filled"><svg><use href="#chart-filled" xlink:href="#chart-filled"/></svg><span class="visually-hidden">Copy chart-filled icon code</span></button>
|
|
247
|
+
<button class="icon-button" title="Copy check code snippet" data-tags="check,confirm,tick" data-icon-name="check"><svg><use href="#check" xlink:href="#check"/></svg><span class="visually-hidden">Copy check icon code</span></button>
|
|
248
|
+
<button class="icon-button" title="Copy check-circle code snippet" data-tags="check,checkbox,circle,confirm,tick" data-icon-name="check-circle"><svg><use href="#check-circle" xlink:href="#check-circle"/></svg><span class="visually-hidden">Copy check-circle icon code</span></button>
|
|
249
|
+
<button class="icon-button" title="Copy check-circle-filled code snippet" data-tags="check,checkbox,circle,confirm,tick" data-icon-name="check-circle-filled"><svg><use href="#check-circle-filled" xlink:href="#check-circle-filled"/></svg><span class="visually-hidden">Copy check-circle-filled icon code</span></button>
|
|
250
|
+
<button class="icon-button" title="Copy circle-1 code snippet" data-tags="1,sage-icon-one" data-icon-name="circle-1"><svg><use href="#circle-1" xlink:href="#circle-1"/></svg><span class="visually-hidden">Copy circle-1 icon code</span></button>
|
|
251
|
+
<button class="icon-button" title="Copy circle-2 code snippet" data-tags="2,sage-icon-two" data-icon-name="circle-2"><svg><use href="#circle-2" xlink:href="#circle-2"/></svg><span class="visually-hidden">Copy circle-2 icon code</span></button>
|
|
252
|
+
<button class="icon-button" title="Copy circle-3 code snippet" data-tags="3,sage-icon-three" data-icon-name="circle-3"><svg><use href="#circle-3" xlink:href="#circle-3"/></svg><span class="visually-hidden">Copy circle-3 icon code</span></button>
|
|
253
|
+
<button class="icon-button" title="Copy circle-4 code snippet" data-tags="4,sage-icon-four" data-icon-name="circle-4"><svg><use href="#circle-4" xlink:href="#circle-4"/></svg><span class="visually-hidden">Copy circle-4 icon code</span></button>
|
|
254
|
+
<button class="icon-button" title="Copy circle-5 code snippet" data-tags="5,sage-icon-five" data-icon-name="circle-5"><svg><use href="#circle-5" xlink:href="#circle-5"/></svg><span class="visually-hidden">Copy circle-5 icon code</span></button>
|
|
255
|
+
<button class="icon-button" title="Copy circle-6 code snippet" data-tags="6,sage-icon-six" data-icon-name="circle-6"><svg><use href="#circle-6" xlink:href="#circle-6"/></svg><span class="visually-hidden">Copy circle-6 icon code</span></button>
|
|
256
|
+
<button class="icon-button" title="Copy circle-7 code snippet" data-tags="7,sage-icon-seven" data-icon-name="circle-7"><svg><use href="#circle-7" xlink:href="#circle-7"/></svg><span class="visually-hidden">Copy circle-7 icon code</span></button>
|
|
257
|
+
<button class="icon-button" title="Copy circle-8 code snippet" data-tags="8,sage-icon-eight" data-icon-name="circle-8"><svg><use href="#circle-8" xlink:href="#circle-8"/></svg><span class="visually-hidden">Copy circle-8 icon code</span></button>
|
|
258
|
+
<button class="icon-button" title="Copy circle-9 code snippet" data-tags="9,sage-icon-nine" data-icon-name="circle-9"><svg><use href="#circle-9" xlink:href="#circle-9"/></svg><span class="visually-hidden">Copy circle-9 icon code</span></button>
|
|
259
|
+
<button class="icon-button" title="Copy circle-a code snippet" data-tags="circle a" data-icon-name="circle-a"><svg><use href="#circle-a" xlink:href="#circle-a"/></svg><span class="visually-hidden">Copy circle-a icon code</span></button>
|
|
260
|
+
<button class="icon-button" title="Copy circle-b code snippet" data-tags="circle b" data-icon-name="circle-b"><svg><use href="#circle-b" xlink:href="#circle-b"/></svg><span class="visually-hidden">Copy circle-b icon code</span></button>
|
|
261
|
+
<button class="icon-button" title="Copy circle-dashed code snippet" data-tags="bullet,circle,dashed,started" data-icon-name="circle-dashed"><svg><use href="#circle-dashed" xlink:href="#circle-dashed"/></svg><span class="visually-hidden">Copy circle-dashed icon code</span></button>
|
|
262
|
+
<button class="icon-button" title="Copy clapperboard-tone code snippet" data-tags="clapperboard,film,tv" data-icon-name="clapperboard-tone"><svg><use href="#clapperboard-tone" xlink:href="#clapperboard-tone"/></svg><span class="visually-hidden">Copy clapperboard-tone icon code</span></button>
|
|
263
|
+
<button class="icon-button" title="Copy clock code snippet" data-tags="alarm,clock,timer,watch" data-icon-name="clock"><svg><use href="#clock" xlink:href="#clock"/></svg><span class="visually-hidden">Copy clock icon code</span></button>
|
|
264
|
+
<button class="icon-button" title="Copy closed-captions code snippet" data-tags="accessibility,accessible,captioning,cc,closed,information,interpretive,subtitles,television,text" data-icon-name="closed-captions"><svg><use href="#closed-captions" xlink:href="#closed-captions"/></svg><span class="visually-hidden">Copy closed-captions icon code</span></button>
|
|
265
|
+
<button class="icon-button" title="Copy cloud-upload code snippet" data-tags="cloud,import,share,up,upload" data-icon-name="cloud-upload"><svg><use href="#cloud-upload" xlink:href="#cloud-upload"/></svg><span class="visually-hidden">Copy cloud-upload icon code</span></button>
|
|
266
|
+
<button class="icon-button" title="Copy code code snippet" data-tags="code,css,div,markdown" data-icon-name="code"><svg><use href="#code" xlink:href="#code"/></svg><span class="visually-hidden">Copy code icon code</span></button>
|
|
267
|
+
<button class="icon-button" title="Copy code-block code snippet" data-tags="code,css,markdown,square" data-icon-name="code-block"><svg><use href="#code-block" xlink:href="#code-block"/></svg><span class="visually-hidden">Copy code-block icon code</span></button>
|
|
268
|
+
<button class="icon-button" title="Copy color code snippet" data-tags="color,edit,font,style,text,theme,typography" data-icon-name="color"><svg><use href="#color" xlink:href="#color"/></svg><span class="visually-hidden">Copy color icon code</span></button>
|
|
269
|
+
<button class="icon-button" title="Copy columns code snippet" data-tags="columns,divider,grid,vertical" data-icon-name="columns"><svg><use href="#columns" xlink:href="#columns"/></svg><span class="visually-hidden">Copy columns icon code</span></button>
|
|
270
|
+
<button class="icon-button" title="Copy comment code snippet" data-tags="chat,message,notification" data-icon-name="comment"><svg><use href="#comment" xlink:href="#comment"/></svg><span class="visually-hidden">Copy comment icon code</span></button>
|
|
271
|
+
<button class="icon-button" title="Copy comment-no code snippet" data-tags="chat,close,message,notification,x" data-icon-name="comment-no"><svg><use href="#comment-no" xlink:href="#comment-no"/></svg><span class="visually-hidden">Copy comment-no icon code</span></button>
|
|
272
|
+
<button class="icon-button" title="Copy connect code snippet" data-tags="add-on,api,application,cable,development,electric,electricity,energy,extension,integration,jack,plug,plugin,tools,widget" data-icon-name="connect"><svg><use href="#connect" xlink:href="#connect"/></svg><span class="visually-hidden">Copy connect icon code</span></button>
|
|
273
|
+
<button class="icon-button" title="Copy contact code snippet" data-tags="image,jpeg,jpg,photo,png,profile photo,user" data-icon-name="contact"><svg><use href="#contact" xlink:href="#contact"/></svg><span class="visually-hidden">Copy contact icon code</span></button>
|
|
274
|
+
<button class="icon-button" title="Copy conversation code snippet" data-tags="chat,live chat,message" data-icon-name="conversation"><svg><use href="#conversation" xlink:href="#conversation"/></svg><span class="visually-hidden">Copy conversation icon code</span></button>
|
|
275
|
+
<button class="icon-button" title="Copy copy code snippet" data-tags="copy,duplicate,replicate,square,squares" data-icon-name="copy"><svg><use href="#copy" xlink:href="#copy"/></svg><span class="visually-hidden">Copy copy icon code</span></button>
|
|
276
|
+
<button class="icon-button" title="Copy copy-07 code snippet" data-tags="copy,duplicate,replicate,square,squares" data-icon-name="copy-07"><svg><use href="#copy-07" xlink:href="#copy-07"/></svg><span class="visually-hidden">Copy copy-07 icon code</span></button>
|
|
277
|
+
<button class="icon-button" title="Copy coupon code snippet" data-tags="coupon,discount,ecommerce,online store,percentage,sale" data-icon-name="coupon"><svg><use href="#coupon" xlink:href="#coupon"/></svg><span class="visually-hidden">Copy coupon icon code</span></button>
|
|
278
|
+
<button class="icon-button" title="Copy course code snippet" data-tags="app,boxes,browser,content,description,design,development,document,grid,header,image,internet,layout,list,masonry,mockup,page,paragraph,photo,picture,sidebar,site,tab,table,text,tile,view,web,webpage,website,wireframe" data-icon-name="course"><svg><use href="#course" xlink:href="#course"/></svg><span class="visually-hidden">Copy course icon code</span></button>
|
|
279
|
+
<button class="icon-button" title="Copy course-filled code snippet" data-tags="app,boxes,browser,content,description,design,development,document,grid,header,image,internet,layout,list,masonry,mockup,page,paragraph,photo,picture,sidebar,site,tab,table,text,tile,view,web,webpage,website,wireframe" data-icon-name="course-filled"><svg><use href="#course-filled" xlink:href="#course-filled"/></svg><span class="visually-hidden">Copy course-filled icon code</span></button>
|
|
280
|
+
<button class="icon-button" title="Copy creator-studio code snippet" data-tags="clapperboard,film,tv" data-icon-name="creator-studio"><svg><use href="#creator-studio" xlink:href="#creator-studio"/></svg><span class="visually-hidden">Copy creator-studio icon code</span></button>
|
|
281
|
+
<button class="icon-button" title="Copy creator-studio-filled code snippet" data-tags="clapperboard,film,tv" data-icon-name="creator-studio-filled"><svg><use href="#creator-studio-filled" xlink:href="#creator-studio-filled"/></svg><span class="visually-hidden">Copy creator-studio-filled icon code</span></button>
|
|
282
|
+
<button class="icon-button" title="Copy credit-card-tone code snippet" data-tags="card,credit card,currency,debit card,money" data-icon-name="credit-card-tone"><svg><use href="#credit-card-tone" xlink:href="#credit-card-tone"/></svg><span class="visually-hidden">Copy credit-card-tone icon code</span></button>
|
|
283
|
+
<button class="icon-button" title="Copy cube-tone code snippet" data-tags="box,container,cube,shape,square" data-icon-name="cube-tone"><svg><use href="#cube-tone" xlink:href="#cube-tone"/></svg><span class="visually-hidden">Copy cube-tone icon code</span></button>
|
|
284
|
+
<button class="icon-button" title="Copy cursor code snippet" data-tags="click,cursor,editor,user" data-icon-name="cursor"><svg><use href="#cursor" xlink:href="#cursor"/></svg><span class="visually-hidden">Copy cursor icon code</span></button>
|
|
285
|
+
<button class="icon-button" title="Copy cursor-pointer code snippet" data-tags="click,cursor,editor,user" data-icon-name="cursor-pointer"><svg><use href="#cursor-pointer" xlink:href="#cursor-pointer"/></svg><span class="visually-hidden">Copy cursor-pointer icon code</span></button>
|
|
286
|
+
<button class="icon-button" title="Copy custom-field code snippet" data-tags="custom,custom field,heart,personalize,square" data-icon-name="custom-field"><svg><use href="#custom-field" xlink:href="#custom-field"/></svg><span class="visually-hidden">Copy custom-field icon code</span></button>
|
|
287
|
+
<button class="icon-button" title="Copy customize code snippet" data-tags="color,colour,design,editor,paint,palette" data-icon-name="customize"><svg><use href="#customize" xlink:href="#customize"/></svg><span class="visually-hidden">Copy customize icon code</span></button>
|
|
288
|
+
<button class="icon-button" title="Copy danger code snippet" data-tags="alert,circle,error,warning" data-icon-name="danger"><svg><use href="#danger" xlink:href="#danger"/></svg><span class="visually-hidden">Copy danger icon code</span></button>
|
|
289
|
+
<button class="icon-button" title="Copy danger-filled code snippet" data-tags="alert,circle,error,warning" data-icon-name="danger-filled"><svg><use href="#danger-filled" xlink:href="#danger-filled"/></svg><span class="visually-hidden">Copy danger-filled icon code</span></button>
|
|
290
|
+
<button class="icon-button" title="Copy delete-circle code snippet" data-tags="circle,mathematics,minus,subtract,subtraction" data-icon-name="delete-circle"><svg><use href="#delete-circle" xlink:href="#delete-circle"/></svg><span class="visually-hidden">Copy delete-circle icon code</span></button>
|
|
291
|
+
<button class="icon-button" title="Copy delete-key code snippet" data-tags="backspace,delete,editor" data-icon-name="delete-key"><svg><use href="#delete-key" xlink:href="#delete-key"/></svg><span class="visually-hidden">Copy delete-key icon code</span></button>
|
|
292
|
+
<button class="icon-button" title="Copy delete-x code snippet" data-tags="backspace,delete,editor" data-icon-name="delete-x"><svg><use href="#delete-x" xlink:href="#delete-x"/></svg><span class="visually-hidden">Copy delete-x icon code</span></button>
|
|
293
|
+
<button class="icon-button" title="Copy dollar code snippet" data-tags="currency,dollar,money" data-icon-name="dollar"><svg><use href="#dollar" xlink:href="#dollar"/></svg><span class="visually-hidden">Copy dollar icon code</span></button>
|
|
294
|
+
<button class="icon-button" title="Copy dot-menu-horizontal code snippet" data-tags="dots,horizontal,line,menu,more,options" data-icon-name="dot-menu-horizontal"><svg><use href="#dot-menu-horizontal" xlink:href="#dot-menu-horizontal"/></svg><span class="visually-hidden">Copy dot-menu-horizontal icon code</span></button>
|
|
295
|
+
<button class="icon-button" title="Copy dots-horizontal-tone code snippet" data-tags="dots,horizontal,line,menu,more,options" data-icon-name="dots-horizontal-tone"><svg><use href="#dots-horizontal-tone" xlink:href="#dots-horizontal-tone"/></svg><span class="visually-hidden">Copy dots-horizontal-tone icon code</span></button>
|
|
296
|
+
<button class="icon-button" title="Copy down-small code snippet" data-tags="chevron,down,dropdown" data-icon-name="down-small"><svg><use href="#down-small" xlink:href="#down-small"/></svg><span class="visually-hidden">Copy down-small icon code</span></button>
|
|
297
|
+
<button class="icon-button" title="Copy download code snippet" data-tags="archive,arrow,cloud,down,download" data-icon-name="download"><svg><use href="#download" xlink:href="#download"/></svg><span class="visually-hidden">Copy download icon code</span></button>
|
|
298
|
+
<button class="icon-button" title="Copy downsell code snippet" data-tags="corner,down,enter,line break,right,rotate" data-icon-name="downsell"><svg><use href="#downsell" xlink:href="#downsell"/></svg><span class="visually-hidden">Copy downsell icon code</span></button>
|
|
299
|
+
<button class="icon-button" title="Copy draft code snippet" data-tags="attachment,file,paper,pdf,report,text" data-icon-name="draft"><svg><use href="#draft" xlink:href="#draft"/></svg><span class="visually-hidden">Copy draft icon code</span></button>
|
|
300
|
+
<button class="icon-button" title="Copy drawer-collapse code snippet" data-tags="align,box,distribute,flex,layout,move,right,square" data-icon-name="drawer-collapse"><svg><use href="#drawer-collapse" xlink:href="#drawer-collapse"/></svg><span class="visually-hidden">Copy drawer-collapse icon code</span></button>
|
|
301
|
+
<button class="icon-button" title="Copy drawer-expand code snippet" data-tags="align,box,distribute,flex,layout,left,move,square" data-icon-name="drawer-expand"><svg><use href="#drawer-expand" xlink:href="#drawer-expand"/></svg><span class="visually-hidden">Copy drawer-expand icon code</span></button>
|
|
302
|
+
<button class="icon-button" title="Copy drop code snippet" data-tags="color,colour,design,drop,droplet,editor" data-icon-name="drop"><svg><use href="#drop" xlink:href="#drop"/></svg><span class="visually-hidden">Copy drop icon code</span></button>
|
|
303
|
+
<button class="icon-button" title="Copy duplicate code snippet" data-tags="copy,duplicate,replicate,square,squares" data-icon-name="duplicate"><svg><use href="#duplicate" xlink:href="#duplicate"/></svg><span class="visually-hidden">Copy duplicate icon code</span></button>
|
|
304
|
+
<button class="icon-button" title="Copy editor code snippet" data-tags="ai,galaxy,new,night time,stars,weather" data-icon-name="editor"><svg><use href="#editor" xlink:href="#editor"/></svg><span class="visually-hidden">Copy editor icon code</span></button>
|
|
305
|
+
<button class="icon-button" title="Copy editor-filled code snippet" data-tags="ai,galaxy,new,night time,stars,weather" data-icon-name="editor-filled"><svg><use href="#editor-filled" xlink:href="#editor-filled"/></svg><span class="visually-hidden">Copy editor-filled icon code</span></button>
|
|
306
|
+
<button class="icon-button" title="Copy email-activity code snippet" data-tags="bar,barchart,chart,data,graph" data-icon-name="email-activity"><svg><use href="#email-activity" xlink:href="#email-activity"/></svg><span class="visually-hidden">Copy email-activity icon code</span></button>
|
|
307
|
+
<button class="icon-button" title="Copy emoji code snippet" data-tags="face,happy,smile,user" data-icon-name="emoji"><svg><use href="#emoji" xlink:href="#emoji"/></svg><span class="visually-hidden">Copy emoji icon code</span></button>
|
|
308
|
+
<button class="icon-button" title="Copy enlarge code snippet" data-tags="chevron,expand,open,selector,vertical" data-icon-name="enlarge"><svg><use href="#enlarge" xlink:href="#enlarge"/></svg><span class="visually-hidden">Copy enlarge icon code</span></button>
|
|
309
|
+
<button class="icon-button" title="Copy enlarge-vertical code snippet" data-tags="expand,fullscreen,maximize,open" data-icon-name="enlarge-vertical"><svg><use href="#enlarge-vertical" xlink:href="#enlarge-vertical"/></svg><span class="visually-hidden">Copy enlarge-vertical icon code</span></button>
|
|
310
|
+
<button class="icon-button" title="Copy expand code snippet" data-tags="expand,fullscreen,maximize,open" data-icon-name="expand"><svg><use href="#expand" xlink:href="#expand"/></svg><span class="visually-hidden">Copy expand icon code</span></button>
|
|
311
|
+
<button class="icon-button" title="Copy favorite code snippet" data-tags="favorite,heart,love" data-icon-name="favorite"><svg><use href="#favorite" xlink:href="#favorite"/></svg><span class="visually-hidden">Copy favorite icon code</span></button>
|
|
312
|
+
<button class="icon-button" title="Copy feedback code snippet" data-tags="alert,chat,message,notification" data-icon-name="feedback"><svg><use href="#feedback" xlink:href="#feedback"/></svg><span class="visually-hidden">Copy feedback icon code</span></button>
|
|
313
|
+
<button class="icon-button" title="Copy file code snippet" data-tags="attachment,file,paper,pdf,report,text" data-icon-name="file"><svg><use href="#file" xlink:href="#file"/></svg><span class="visually-hidden">Copy file icon code</span></button>
|
|
314
|
+
<button class="icon-button" title="Copy file-add code snippet" data-tags="add,file" data-icon-name="file-add"><svg><use href="#file-add" xlink:href="#file-add"/></svg><span class="visually-hidden">Copy file-add icon code</span></button>
|
|
315
|
+
<button class="icon-button" title="Copy file-download code snippet" data-tags="attachment,download,file,paper,pdf,report,text" data-icon-name="file-download"><svg><use href="#file-download" xlink:href="#file-download"/></svg><span class="visually-hidden">Copy file-download icon code</span></button>
|
|
316
|
+
<button class="icon-button" title="Copy file-lock code snippet" data-tags="attachment,cybersecurity,file,lock,paper,pdf,report,security,text" data-icon-name="file-lock"><svg><use href="#file-lock" xlink:href="#file-lock"/></svg><span class="visually-hidden">Copy file-lock icon code</span></button>
|
|
317
|
+
<button class="icon-button" title="Copy file-money code snippet" data-tags="circle,currency,dollar,money" data-icon-name="file-money"><svg><use href="#file-money" xlink:href="#file-money"/></svg><span class="visually-hidden">Copy file-money icon code</span></button>
|
|
318
|
+
<button class="icon-button" title="Copy file-search code snippet" data-tags="attachment,file,paper,pdf,report,search,text" data-icon-name="file-search"><svg><use href="#file-search" xlink:href="#file-search"/></svg><span class="visually-hidden">Copy file-search icon code</span></button>
|
|
319
|
+
<button class="icon-button" title="Copy filter code snippet" data-tags="preferences,settings,slider,toggle" data-icon-name="filter"><svg><use href="#filter" xlink:href="#filter"/></svg><span class="visually-hidden">Copy filter icon code</span></button>
|
|
320
|
+
<button class="icon-button" title="Copy flag code snippet" data-tags="flag,map,marker,milestone" data-icon-name="flag"><svg><use href="#flag" xlink:href="#flag"/></svg><span class="visually-hidden">Copy flag icon code</span></button>
|
|
321
|
+
<button class="icon-button" title="Copy flash code snippet" data-tags="bolt,lightning,speed,weather,zap" data-icon-name="flash"><svg><use href="#flash" xlink:href="#flash"/></svg><span class="visually-hidden">Copy flash icon code</span></button>
|
|
322
|
+
<button class="icon-button" title="Copy flash-filled code snippet" data-tags="bolt,lightning,speed,weather,zap" data-icon-name="flash-filled"><svg><use href="#flash-filled" xlink:href="#flash-filled"/></svg><span class="visually-hidden">Copy flash-filled icon code</span></button>
|
|
323
|
+
<button class="icon-button" title="Copy floppy-disk code snippet" data-tags="confirm,floppy disk,save" data-icon-name="floppy-disk"><svg><use href="#floppy-disk" xlink:href="#floppy-disk"/></svg><span class="visually-hidden">Copy floppy-disk icon code</span></button>
|
|
324
|
+
<button class="icon-button" title="Copy folder code snippet" data-tags="attachment,file,folder,project" data-icon-name="folder"><svg><use href="#folder" xlink:href="#folder"/></svg><span class="visually-hidden">Copy folder icon code</span></button>
|
|
325
|
+
<button class="icon-button" title="Copy folder-group code snippet" data-tags="add,attachment,check,file,folder,plus,project" data-icon-name="folder-group"><svg><use href="#folder-group" xlink:href="#folder-group"/></svg><span class="visually-hidden">Copy folder-group icon code</span></button>
|
|
326
|
+
<button class="icon-button" title="Copy form code snippet" data-tags="article,blog,clipboard,clipboard,content,document,draft,file,file,folded,folder,form,item,letter,note,notebook,notepad,notes,pad,page,paper,post,report,report,sheet,single,text" data-icon-name="form"><svg><use href="#form" xlink:href="#form"/></svg><span class="visually-hidden">Copy form icon code</span></button>
|
|
327
|
+
<button class="icon-button" title="Copy form-field code snippet" data-tags="editor,rich text,text,text input,type" data-icon-name="form-field"><svg><use href="#form-field" xlink:href="#form-field"/></svg><span class="visually-hidden">Copy form-field icon code</span></button>
|
|
328
|
+
<button class="icon-button" title="Copy form-filled code snippet" data-tags="editor,rich text,text,text input,type" data-icon-name="form-filled"><svg><use href="#form-filled" xlink:href="#form-filled"/></svg><span class="visually-hidden">Copy form-filled icon code</span></button>
|
|
329
|
+
<button class="icon-button" title="Copy fullscreen code snippet" data-tags="expand,fullscreen,maximize,open" data-icon-name="fullscreen"><svg><use href="#fullscreen" xlink:href="#fullscreen"/></svg><span class="visually-hidden">Copy fullscreen icon code</span></button>
|
|
330
|
+
<button class="icon-button" title="Copy funnel code snippet" data-tags="filter,funnel,settings" data-icon-name="funnel"><svg><use href="#funnel" xlink:href="#funnel"/></svg><span class="visually-hidden">Copy funnel icon code</span></button>
|
|
331
|
+
<button class="icon-button" title="Copy gear code snippet" data-tags="adjust,adjustment,cog,cogwheel,configuration,configure,edit,filter,gear,nav,navigation,option,options,setting,settings,setup,system,tolls,tool,wheel" data-icon-name="gear"><svg><use href="#gear" xlink:href="#gear"/></svg><span class="visually-hidden">Copy gear icon code</span></button>
|
|
332
|
+
<button class="icon-button" title="Copy gear-filled code snippet" data-tags="adjust,adjustment,cog,cogwheel,configuration,configure,edit,filter,gear,nav,navigation,option,options,setting,settings,setup,system,tolls,tool,wheel" data-icon-name="gear-filled"><svg><use href="#gear-filled" xlink:href="#gear-filled"/></svg><span class="visually-hidden">Copy gear-filled icon code</span></button>
|
|
333
|
+
<button class="icon-button" title="Copy gift-tone code snippet" data-tags="gift,package,surprise" data-icon-name="gift-tone"><svg><use href="#gift-tone" xlink:href="#gift-tone"/></svg><span class="visually-hidden">Copy gift-tone icon code</span></button>
|
|
334
|
+
<button class="icon-button" title="Copy grant-offer code snippet" data-tags="coins,currency,give,hand,money" data-icon-name="grant-offer"><svg><use href="#grant-offer" xlink:href="#grant-offer"/></svg><span class="visually-hidden">Copy grant-offer icon code</span></button>
|
|
335
|
+
<button class="icon-button" title="Copy handle code snippet" data-tags="bars,grab,grabber,handle,lines,list,menu,options" data-icon-name="handle"><svg><use href="#handle" xlink:href="#handle"/></svg><span class="visually-hidden">Copy handle icon code</span></button>
|
|
336
|
+
<button class="icon-button" title="Copy handle-2 code snippet" data-tags="dots,grab,grabber,handle,menu,options" data-icon-name="handle-2"><svg><use href="#handle-2" xlink:href="#handle-2"/></svg><span class="visually-hidden">Copy handle-2 icon code</span></button>
|
|
337
|
+
<button class="icon-button" title="Copy handle-2-vertical code snippet" data-tags="dots,grab,grabber,handle,menu,options" data-icon-name="handle-2-vertical"><svg><use href="#handle-2-vertical" xlink:href="#handle-2-vertical"/></svg><span class="visually-hidden">Copy handle-2-vertical icon code</span></button>
|
|
338
|
+
<button class="icon-button" title="Copy hashtag code snippet" data-tags="hash,hashtag,number,phone,tag" data-icon-name="hashtag"><svg><use href="#hashtag" xlink:href="#hashtag"/></svg><span class="visually-hidden">Copy hashtag icon code</span></button>
|
|
339
|
+
<button class="icon-button" title="Copy hd-video code snippet" data-tags="definition,hd,live,recording,tech,technology,video" data-icon-name="hd-video"><svg><use href="#hd-video" xlink:href="#hd-video"/></svg><span class="visually-hidden">Copy hd-video icon code</span></button>
|
|
340
|
+
<button class="icon-button" title="Copy heading-1 code snippet" data-tags="editor,h1,header,heading,rich text,text" data-icon-name="heading-1"><svg><use href="#heading-1" xlink:href="#heading-1"/></svg><span class="visually-hidden">Copy heading-1 icon code</span></button>
|
|
341
|
+
<button class="icon-button" title="Copy heading-2 code snippet" data-tags="editor,h2,header,heading,rich text,text" data-icon-name="heading-2"><svg><use href="#heading-2" xlink:href="#heading-2"/></svg><span class="visually-hidden">Copy heading-2 icon code</span></button>
|
|
342
|
+
<button class="icon-button" title="Copy heading-3 code snippet" data-tags="editor,h3,header,heading,rich text,text" data-icon-name="heading-3"><svg><use href="#heading-3" xlink:href="#heading-3"/></svg><span class="visually-hidden">Copy heading-3 icon code</span></button>
|
|
343
|
+
<button class="icon-button" title="Copy heading-4 code snippet" data-tags="editor,h4,header,heading,rich text,text" data-icon-name="heading-4"><svg><use href="#heading-4" xlink:href="#heading-4"/></svg><span class="visually-hidden">Copy heading-4 icon code</span></button>
|
|
344
|
+
<button class="icon-button" title="Copy heading-5 code snippet" data-tags="editor,h5,header,heading,rich text,text" data-icon-name="heading-5"><svg><use href="#heading-5" xlink:href="#heading-5"/></svg><span class="visually-hidden">Copy heading-5 icon code</span></button>
|
|
345
|
+
<button class="icon-button" title="Copy heading-6 code snippet" data-tags="editor,h6,header,heading,rich text,text" data-icon-name="heading-6"><svg><use href="#heading-6" xlink:href="#heading-6"/></svg><span class="visually-hidden">Copy heading-6 icon code</span></button>
|
|
346
|
+
<button class="icon-button" title="Copy heading-large code snippet" data-tags="editor,h1,header,heading,rich text,text" data-icon-name="heading-large"><svg><use href="#heading-large" xlink:href="#heading-large"/></svg><span class="visually-hidden">Copy heading-large icon code</span></button>
|
|
347
|
+
<button class="icon-button" title="Copy heading-small code snippet" data-tags="editor,h1,header,heading,rich text,text" data-icon-name="heading-small"><svg><use href="#heading-small" xlink:href="#heading-small"/></svg><span class="visually-hidden">Copy heading-small icon code</span></button>
|
|
348
|
+
<button class="icon-button" title="Copy headphones code snippet" data-tags="audio,earphones,headphones" data-icon-name="headphones"><svg><use href="#headphones" xlink:href="#headphones"/></svg><span class="visually-hidden">Copy headphones icon code</span></button>
|
|
349
|
+
<button class="icon-button" title="Copy headset code snippet" data-tags="answer,audio,communication,conversation,customer,dialog,headphone,headphones,headset,help,listen,service,speaking,support,talk,tech" data-icon-name="headset"><svg><use href="#headset" xlink:href="#headset"/></svg><span class="visually-hidden">Copy headset icon code</span></button>
|
|
350
|
+
<button class="icon-button" title="Copy headset-tone code snippet" data-tags="audio,earphones,headphones" data-icon-name="headset-tone"><svg><use href="#headset-tone" xlink:href="#headset-tone"/></svg><span class="visually-hidden">Copy headset-tone icon code</span></button>
|
|
351
|
+
<button class="icon-button" title="Copy help code snippet" data-tags="help,nav,navigation" data-icon-name="help"><svg><use href="#help" xlink:href="#help"/></svg><span class="visually-hidden">Copy help icon code</span></button>
|
|
352
|
+
<button class="icon-button" title="Copy help-filled code snippet" data-tags="help,nav,navigation" data-icon-name="help-filled"><svg><use href="#help-filled" xlink:href="#help-filled"/></svg><span class="visually-hidden">Copy help-filled icon code</span></button>
|
|
353
|
+
<button class="icon-button" title="Copy home code snippet" data-tags="address,apartment,building,estate,home,home,homepage,house,interface,local,nav,navigation,office,page,real,shelter,ui" data-icon-name="home"><svg><use href="#home" xlink:href="#home"/></svg><span class="visually-hidden">Copy home icon code</span></button>
|
|
354
|
+
<button class="icon-button" title="Copy home-alt code snippet" data-tags="dashboard,home,homepage,house,menu,return" data-icon-name="home-alt"><svg><use href="#home-alt" xlink:href="#home-alt"/></svg><span class="visually-hidden">Copy home-alt icon code</span></button>
|
|
355
|
+
<button class="icon-button" title="Copy home-filled code snippet" data-tags="address,apartment,building,estate,home,home,homepage,house,interface,local,nav,navigation,office,page,real,shelter,ui" data-icon-name="home-filled"><svg><use href="#home-filled" xlink:href="#home-filled"/></svg><span class="visually-hidden">Copy home-filled icon code</span></button>
|
|
356
|
+
<button class="icon-button" title="Copy home-tone code snippet" data-tags="home,homepage,house,menu,return" data-icon-name="home-tone"><svg><use href="#home-tone" xlink:href="#home-tone"/></svg><span class="visually-hidden">Copy home-tone icon code</span></button>
|
|
357
|
+
<button class="icon-button" title="Copy horizontal-line code snippet" data-tags="circle,mathematics,minus,subtract,subtraction" data-icon-name="horizontal-line"><svg><use href="#horizontal-line" xlink:href="#horizontal-line"/></svg><span class="visually-hidden">Copy horizontal-line icon code</span></button>
|
|
358
|
+
<button class="icon-button" title="Copy image code snippet" data-tags="image,jpeg,jpg,photo,png" data-icon-name="image"><svg><use href="#image" xlink:href="#image"/></svg><span class="visually-hidden">Copy image icon code</span></button>
|
|
359
|
+
<button class="icon-button" title="Copy info-circle code snippet" data-tags="circle,documentation,help,info,information,question" data-icon-name="info-circle"><svg><use href="#info-circle" xlink:href="#info-circle"/></svg><span class="visually-hidden">Copy info-circle icon code</span></button>
|
|
360
|
+
<button class="icon-button" title="Copy info-circle-filled code snippet" data-tags="circle,documentation,help,info,information,question" data-icon-name="info-circle-filled"><svg><use href="#info-circle-filled" xlink:href="#info-circle-filled"/></svg><span class="visually-hidden">Copy info-circle-filled icon code</span></button>
|
|
361
|
+
<button class="icon-button" title="Copy ios-battery code snippet" data-tags="For iOS use only" data-icon-name="ios-battery"><svg><use href="#ios-battery" xlink:href="#ios-battery"/></svg><span class="visually-hidden">Copy ios-battery icon code</span></button>
|
|
362
|
+
<button class="icon-button" title="Copy ios-data code snippet" data-tags="For iOS use only" data-icon-name="ios-data"><svg><use href="#ios-data" xlink:href="#ios-data"/></svg><span class="visually-hidden">Copy ios-data icon code</span></button>
|
|
363
|
+
<button class="icon-button" title="Copy ios-wifi code snippet" data-tags="For iOS use only" data-icon-name="ios-wifi"><svg><use href="#ios-wifi" xlink:href="#ios-wifi"/></svg><span class="visually-hidden">Copy ios-wifi icon code</span></button>
|
|
364
|
+
<button class="icon-button" title="Copy italic code snippet" data-tags="editor,italic,italics,rich text,text" data-icon-name="italic"><svg><use href="#italic" xlink:href="#italic"/></svg><span class="visually-hidden">Copy italic icon code</span></button>
|
|
365
|
+
<button class="icon-button" title="Copy kajabi code snippet" data-tags="kajabi,logo,monogram (kajabi outline logo was remvoed with the new logo)" data-icon-name="kajabi"><svg><use href="#kajabi" xlink:href="#kajabi"/></svg><span class="visually-hidden">Copy kajabi icon code</span></button>
|
|
366
|
+
<button class="icon-button" title="Copy kajabi-filled code snippet" data-tags="kajabi,logo,monogram" data-icon-name="kajabi-filled"><svg><use href="#kajabi-filled" xlink:href="#kajabi-filled"/></svg><span class="visually-hidden">Copy kajabi-filled icon code</span></button>
|
|
367
|
+
<button class="icon-button" title="Copy keyboard-01 code snippet" data-tags="controller,input,keyboard,keys" data-icon-name="keyboard-01"><svg><use href="#keyboard-01" xlink:href="#keyboard-01"/></svg><span class="visually-hidden">Copy keyboard-01 icon code</span></button>
|
|
368
|
+
<button class="icon-button" title="Copy klarna code snippet" data-tags="buy now pay later,klarna" data-icon-name="klarna"><svg><use href="#klarna" xlink:href="#klarna"/></svg><span class="visually-hidden">Copy klarna icon code</span></button>
|
|
369
|
+
<button class="icon-button" title="Copy lab code snippet" data-tags="beaker,chemistry,science,test tube" data-icon-name="lab"><svg><use href="#lab" xlink:href="#lab"/></svg><span class="visually-hidden">Copy lab icon code</span></button>
|
|
370
|
+
<button class="icon-button" title="Copy launch code snippet" data-tags="external,hyperlink,link,website" data-icon-name="launch"><svg><use href="#launch" xlink:href="#launch"/></svg><span class="visually-hidden">Copy launch icon code</span></button>
|
|
371
|
+
<button class="icon-button" title="Copy layout-bottom code snippet" data-tags="bottom,browser,flexbox,grid,layout,table,web" data-icon-name="layout-bottom"><svg><use href="#layout-bottom" xlink:href="#layout-bottom"/></svg><span class="visually-hidden">Copy layout-bottom icon code</span></button>
|
|
372
|
+
<button class="icon-button" title="Copy layout-grid code snippet" data-tags="align,distribute,flex,grid,layout,move,square" data-icon-name="layout-grid"><svg><use href="#layout-grid" xlink:href="#layout-grid"/></svg><span class="visually-hidden">Copy layout-grid icon code</span></button>
|
|
373
|
+
<button class="icon-button" title="Copy layout-grid-02 code snippet" data-tags="browser,flexbox,grid,layout,table,web" data-icon-name="layout-grid-02"><svg><use href="#layout-grid-02" xlink:href="#layout-grid-02"/></svg><span class="visually-hidden">Copy layout-grid-02 icon code</span></button>
|
|
374
|
+
<button class="icon-button" title="Copy layout-list code snippet" data-tags="checklist,dot points,dotpoints,list" data-icon-name="layout-list"><svg><use href="#layout-list" xlink:href="#layout-list"/></svg><span class="visually-hidden">Copy layout-list icon code</span></button>
|
|
375
|
+
<button class="icon-button" title="Copy layout-top code snippet" data-tags="browser,flexbox,grid,layout,table,top,web" data-icon-name="layout-top"><svg><use href="#layout-top" xlink:href="#layout-top"/></svg><span class="visually-hidden">Copy layout-top icon code</span></button>
|
|
376
|
+
<button class="icon-button" title="Copy left-small code snippet" data-tags="chevron,left" data-icon-name="left-small"><svg><use href="#left-small" xlink:href="#left-small"/></svg><span class="visually-hidden">Copy left-small icon code</span></button>
|
|
377
|
+
<button class="icon-button" title="Copy list-bullet code snippet" data-tags="checklist,dot points,dotpoints,list" data-icon-name="list-bullet"><svg><use href="#list-bullet" xlink:href="#list-bullet"/></svg><span class="visually-hidden">Copy list-bullet icon code</span></button>
|
|
378
|
+
<button class="icon-button" title="Copy list-details code snippet" data-tags="columns,divider,grid,horizontal,table" data-icon-name="list-details"><svg><use href="#list-details" xlink:href="#list-details"/></svg><span class="visually-hidden">Copy list-details icon code</span></button>
|
|
379
|
+
<button class="icon-button" title="Copy list-numbers code snippet" data-tags="checklist,dot points,dotpoints,list" data-icon-name="list-numbers"><svg><use href="#list-numbers" xlink:href="#list-numbers"/></svg><span class="visually-hidden">Copy list-numbers icon code</span></button>
|
|
380
|
+
<button class="icon-button" title="Copy location code snippet" data-tags="map,marker,pin" data-icon-name="location"><svg><use href="#location" xlink:href="#location"/></svg><span class="visually-hidden">Copy location icon code</span></button>
|
|
381
|
+
<button class="icon-button" title="Copy lock code snippet" data-tags="cybersecurity,lock,locked,password,security" data-icon-name="lock"><svg><use href="#lock" xlink:href="#lock"/></svg><span class="visually-hidden">Copy lock icon code</span></button>
|
|
382
|
+
<button class="icon-button" title="Copy lock-alt code snippet" data-tags="cybersecurity,lock,locked,password,security" data-icon-name="lock-alt"><svg><use href="#lock-alt" xlink:href="#lock-alt"/></svg><span class="visually-hidden">Copy lock-alt icon code</span></button>
|
|
383
|
+
<button class="icon-button" title="Copy logo-afterpay code snippet" data-tags="afterpay,buy now pay later" data-icon-name="logo-afterpay"><svg><use href="#logo-afterpay" xlink:href="#logo-afterpay"/></svg><span class="visually-hidden">Copy logo-afterpay icon code</span></button>
|
|
384
|
+
<button class="icon-button" title="Copy logo-facebook code snippet" data-tags="facebook,logo" data-icon-name="logo-facebook"><svg><use href="#logo-facebook" xlink:href="#logo-facebook"/></svg><span class="visually-hidden">Copy logo-facebook icon code</span></button>
|
|
385
|
+
<button class="icon-button" title="Copy logo-facebook-round code snippet" data-tags="facebook,logo,round" data-icon-name="logo-facebook-round"><svg><use href="#logo-facebook-round" xlink:href="#logo-facebook-round"/></svg><span class="visually-hidden">Copy logo-facebook-round icon code</span></button>
|
|
386
|
+
<button class="icon-button" title="Copy logo-instagram code snippet" data-tags="instagram,logo" data-icon-name="logo-instagram"><svg><use href="#logo-instagram" xlink:href="#logo-instagram"/></svg><span class="visually-hidden">Copy logo-instagram icon code</span></button>
|
|
387
|
+
<button class="icon-button" title="Copy logo-linkedin code snippet" data-tags="linkedin,logo" data-icon-name="logo-linkedin"><svg><use href="#logo-linkedin" xlink:href="#logo-linkedin"/></svg><span class="visually-hidden">Copy logo-linkedin icon code</span></button>
|
|
388
|
+
<button class="icon-button" title="Copy logo-snapchat code snippet" data-tags="logo,snapchat" data-icon-name="logo-snapchat"><svg><use href="#logo-snapchat" xlink:href="#logo-snapchat"/></svg><span class="visually-hidden">Copy logo-snapchat icon code</span></button>
|
|
389
|
+
<button class="icon-button" title="Copy logo-tiktok code snippet" data-tags="logo,tiktok" data-icon-name="logo-tiktok"><svg><use href="#logo-tiktok" xlink:href="#logo-tiktok"/></svg><span class="visually-hidden">Copy logo-tiktok icon code</span></button>
|
|
390
|
+
<button class="icon-button" title="Copy logo-twitter code snippet" data-tags="logo,twitter" data-icon-name="logo-twitter"><svg><use href="#logo-twitter" xlink:href="#logo-twitter"/></svg><span class="visually-hidden">Copy logo-twitter icon code</span></button>
|
|
391
|
+
<button class="icon-button" title="Copy logo-twitter-x code snippet" data-tags="logo,twitter,x" data-icon-name="logo-twitter-x"><svg><use href="#logo-twitter-x" xlink:href="#logo-twitter-x"/></svg><span class="visually-hidden">Copy logo-twitter-x icon code</span></button>
|
|
392
|
+
<button class="icon-button" title="Copy logo-youtube code snippet" data-tags="logo,youtube" data-icon-name="logo-youtube"><svg><use href="#logo-youtube" xlink:href="#logo-youtube"/></svg><span class="visually-hidden">Copy logo-youtube icon code</span></button>
|
|
393
|
+
<button class="icon-button" title="Copy loop code snippet" data-tags="clockwise,cw,refresh,refresh,rotate" data-icon-name="loop"><svg><use href="#loop" xlink:href="#loop"/></svg><span class="visually-hidden">Copy loop icon code</span></button>
|
|
394
|
+
<button class="icon-button" title="Copy mail code snippet" data-tags="inbox,mail,mailbox,message,tray" data-icon-name="mail"><svg><use href="#mail" xlink:href="#mail"/></svg><span class="visually-hidden">Copy mail icon code</span></button>
|
|
395
|
+
<button class="icon-button" title="Copy mail-filled code snippet" data-tags="inbox,mail,mailbox,message,tray" data-icon-name="mail-filled"><svg><use href="#mail-filled" xlink:href="#mail-filled"/></svg><span class="visually-hidden">Copy mail-filled icon code</span></button>
|
|
396
|
+
<button class="icon-button" title="Copy mail-open code snippet" data-tags="inbox,mail,mailbox,message,tray" data-icon-name="mail-open"><svg><use href="#mail-open" xlink:href="#mail-open"/></svg><span class="visually-hidden">Copy mail-open icon code</span></button>
|
|
397
|
+
<button class="icon-button" title="Copy mail-tone code snippet" data-tags="inbox,mail,mailbox,message,tray" data-icon-name="mail-tone"><svg><use href="#mail-tone" xlink:href="#mail-tone"/></svg><span class="visually-hidden">Copy mail-tone icon code</span></button>
|
|
398
|
+
<button class="icon-button" title="Copy map code snippet" data-tags="compass,direction,map" data-icon-name="map"><svg><use href="#map" xlink:href="#map"/></svg><span class="visually-hidden">Copy map icon code</span></button>
|
|
399
|
+
<button class="icon-button" title="Copy mapped code snippet" data-tags="address,approved,check,checked,complete,completed,direction,done,gps,location,map,mark,navigation,position,route,street,tick" data-icon-name="mapped"><svg><use href="#mapped" xlink:href="#mapped"/></svg><span class="visually-hidden">Copy mapped icon code</span></button>
|
|
400
|
+
<button class="icon-button" title="Copy margin-left code snippet" data-tags="align,left indent,paragraph" data-icon-name="margin-left"><svg><use href="#margin-left" xlink:href="#margin-left"/></svg><span class="visually-hidden">Copy margin-left icon code</span></button>
|
|
401
|
+
<button class="icon-button" title="Copy margin-right code snippet" data-tags="align,paragraph,right indent" data-icon-name="margin-right"><svg><use href="#margin-right" xlink:href="#margin-right"/></svg><span class="visually-hidden">Copy margin-right icon code</span></button>
|
|
402
|
+
<button class="icon-button" title="Copy marker code snippet" data-tags="design,education,focus,highlight,highlighter,important,marker,office,pen,pencil,school,stationery,underline,write" data-icon-name="marker"><svg><use href="#marker" xlink:href="#marker"/></svg><span class="visually-hidden">Copy marker icon code</span></button>
|
|
403
|
+
<button class="icon-button" title="Copy marker-filled code snippet" data-tags="design,education,focus,highlight,highlighter,important,marker,office,pen,pencil,school,stationery,underline,write" data-icon-name="marker-filled"><svg><use href="#marker-filled" xlink:href="#marker-filled"/></svg><span class="visually-hidden">Copy marker-filled icon code</span></button>
|
|
404
|
+
<button class="icon-button" title="Copy megaphone code snippet" data-tags="alarm,alert,announce,announcement,attention,audio,chat,communication,interface,megaphone,message,music,nav,navigation,notification,shout,sound,speaker,ui,update,voice,volume" data-icon-name="megaphone"><svg><use href="#megaphone" xlink:href="#megaphone"/></svg><span class="visually-hidden">Copy megaphone icon code</span></button>
|
|
405
|
+
<button class="icon-button" title="Copy megaphone-filled code snippet" data-tags="alarm,alert,announce,announcement,attention,audio,chat,communication,interface,megaphone,message,music,nav,navigation,notification,shout,sound,speaker,ui,update,voice,volume" data-icon-name="megaphone-filled"><svg><use href="#megaphone-filled" xlink:href="#megaphone-filled"/></svg><span class="visually-hidden">Copy megaphone-filled icon code</span></button>
|
|
406
|
+
<button class="icon-button" title="Copy menu code snippet" data-tags="hamburger,horizontal,lines,menu,nav,navigation" data-icon-name="menu"><svg><use href="#menu" xlink:href="#menu"/></svg><span class="visually-hidden">Copy menu icon code</span></button>
|
|
407
|
+
<button class="icon-button" title="Copy menu-alt code snippet" data-tags="hamburger,horizontal,lines,menu,nav,navigation" data-icon-name="menu-alt"><svg><use href="#menu-alt" xlink:href="#menu-alt"/></svg><span class="visually-hidden">Copy menu-alt icon code</span></button>
|
|
408
|
+
<button class="icon-button" title="Copy menu-bordered code snippet" data-tags="hamburger,horizontal,lines,menu,nav,navigation" data-icon-name="menu-bordered"><svg><use href="#menu-bordered" xlink:href="#menu-bordered"/></svg><span class="visually-hidden">Copy menu-bordered icon code</span></button>
|
|
409
|
+
<button class="icon-button" title="Copy merge code snippet" data-tags="arrow,combine,control,direction,expand,git,join,merge,pointing,together,unify,unite,version" data-icon-name="merge"><svg><use href="#merge" xlink:href="#merge"/></svg><span class="visually-hidden">Copy merge icon code</span></button>
|
|
410
|
+
<button class="icon-button" title="Copy message-text-square-02 code snippet" data-tags="chat,message,notification" data-icon-name="message-text-square-02"><svg><use href="#message-text-square-02" xlink:href="#message-text-square-02"/></svg><span class="visually-hidden">Copy message-text-square-02 icon code</span></button>
|
|
411
|
+
<button class="icon-button" title="Copy microphone code snippet" data-tags="audio,micro phone,microphone,record" data-icon-name="microphone"><svg><use href="#microphone" xlink:href="#microphone"/></svg><span class="visually-hidden">Copy microphone icon code</span></button>
|
|
412
|
+
<button class="icon-button" title="Copy microphone-off code snippet" data-tags="audio,micro phone,microphone,mute,record" data-icon-name="microphone-off"><svg><use href="#microphone-off" xlink:href="#microphone-off"/></svg><span class="visually-hidden">Copy microphone-off icon code</span></button>
|
|
413
|
+
<button class="icon-button" title="Copy monitor code snippet" data-tags="apple,computer,desktop,device,display,imac,mac,monitor,nav,navigation,pc,personal,screen,tech,technology,workstation" data-icon-name="monitor"><svg><use href="#monitor" xlink:href="#monitor"/></svg><span class="visually-hidden">Copy monitor icon code</span></button>
|
|
414
|
+
<button class="icon-button" title="Copy monitor-filled code snippet" data-tags="apple,computer,desktop,device,display,imac,mac,monitor,nav,navigation,pc,personal,screen,tech,technology,workstation" data-icon-name="monitor-filled"><svg><use href="#monitor-filled" xlink:href="#monitor-filled"/></svg><span class="visually-hidden">Copy monitor-filled icon code</span></button>
|
|
415
|
+
<button class="icon-button" title="Copy monitor-tone code snippet" data-tags="mac,monitor,screen,tv" data-icon-name="monitor-tone"><svg><use href="#monitor-tone" xlink:href="#monitor-tone"/></svg><span class="visually-hidden">Copy monitor-tone icon code</span></button>
|
|
416
|
+
<button class="icon-button" title="Copy more-menu code snippet" data-tags="interface,nav,navigation,ui" data-icon-name="more-menu"><svg><use href="#more-menu" xlink:href="#more-menu"/></svg><span class="visually-hidden">Copy more-menu icon code</span></button>
|
|
417
|
+
<button class="icon-button" title="Copy more-menu-filled code snippet" data-tags="interface,nav,navigation,ui" data-icon-name="more-menu-filled"><svg><use href="#more-menu-filled" xlink:href="#more-menu-filled"/></svg><span class="visually-hidden">Copy more-menu-filled icon code</span></button>
|
|
418
|
+
<button class="icon-button" title="Copy move-left code snippet" data-tags="align,distribute,layout,left,move" data-icon-name="move-left"><svg><use href="#move-left" xlink:href="#move-left"/></svg><span class="visually-hidden">Copy move-left icon code</span></button>
|
|
419
|
+
<button class="icon-button" title="Copy move-right code snippet" data-tags="align,distribute,layout,move,right" data-icon-name="move-right"><svg><use href="#move-right" xlink:href="#move-right"/></svg><span class="visually-hidden">Copy move-right icon code</span></button>
|
|
420
|
+
<button class="icon-button" title="Copy multi-pay code snippet" data-tags="banknotes,business,cash,dollar,finance,money,payment" data-icon-name="multi-pay"><svg><use href="#multi-pay" xlink:href="#multi-pay"/></svg><span class="visually-hidden">Copy multi-pay icon code</span></button>
|
|
421
|
+
<button class="icon-button" title="Copy music-note-01 code snippet" data-tags="audio,mp3,music,note,wav" data-icon-name="music-note-01"><svg><use href="#music-note-01" xlink:href="#music-note-01"/></svg><span class="visually-hidden">Copy music-note-01 icon code</span></button>
|
|
422
|
+
<button class="icon-button" title="Copy newsletter code snippet" data-tags="attachment,communication,contact,email,envelope,favorite,favorite,file,heart,letter,mail,mailbox,message,messages,news,newsletter,paper,pdf,post,report,send,shopping,subscribe,text,write" data-icon-name="newsletter"><svg><use href="#newsletter" xlink:href="#newsletter"/></svg><span class="visually-hidden">Copy newsletter icon code</span></button>
|
|
423
|
+
<button class="icon-button" title="Copy newsletter-2 code snippet" data-tags="attachment,favorite,favourite,file,heart,paper,pdf,report,text" data-icon-name="newsletter-2"><svg><use href="#newsletter-2" xlink:href="#newsletter-2"/></svg><span class="visually-hidden">Copy newsletter-2 icon code</span></button>
|
|
424
|
+
<button class="icon-button" title="Copy one-off-session code snippet" data-tags="chat,live chat,message" data-icon-name="one-off-session"><svg><use href="#one-off-session" xlink:href="#one-off-session"/></svg><span class="visually-hidden">Copy one-off-session icon code</span></button>
|
|
425
|
+
<button class="icon-button" title="Copy one-time code snippet" data-tags="banknotes,business,cash,dollar,finance,money,payment" data-icon-name="one-time"><svg><use href="#one-time" xlink:href="#one-time"/></svg><span class="visually-hidden">Copy one-time icon code</span></button>
|
|
426
|
+
<button class="icon-button" title="Copy packages code snippet" data-tags="backup,clone,copies,copy,document,duplicate,file,files,group,layer,layers,note,paper,paste,report,separate,split,ungroup" data-icon-name="packages"><svg><use href="#packages" xlink:href="#packages"/></svg><span class="visually-hidden">Copy packages icon code</span></button>
|
|
427
|
+
<button class="icon-button" title="Copy pause code snippet" data-tags="audio,pause,square" data-icon-name="pause"><svg><use href="#pause" xlink:href="#pause"/></svg><span class="visually-hidden">Copy pause icon code</span></button>
|
|
428
|
+
<button class="icon-button" title="Copy pause-circle code snippet" data-tags="audio,circle,pause" data-icon-name="pause-circle"><svg><use href="#pause-circle" xlink:href="#pause-circle"/></svg><span class="visually-hidden">Copy pause-circle icon code</span></button>
|
|
429
|
+
<button class="icon-button" title="Copy payout code snippet" data-tags="coins,currency,give,hand,money" data-icon-name="payout"><svg><use href="#payout" xlink:href="#payout"/></svg><span class="visually-hidden">Copy payout icon code</span></button>
|
|
430
|
+
<button class="icon-button" title="Copy pen code snippet" data-tags="change,design,draw,edit,pencil,write" data-icon-name="pen"><svg><use href="#pen" xlink:href="#pen"/></svg><span class="visually-hidden">Copy pen icon code</span></button>
|
|
431
|
+
<button class="icon-button" title="Copy phone-portrait code snippet" data-tags="call,iphone,mobile,number,phone" data-icon-name="phone-portrait"><svg><use href="#phone-portrait" xlink:href="#phone-portrait"/></svg><span class="visually-hidden">Copy phone-portrait icon code</span></button>
|
|
432
|
+
<button class="icon-button" title="Copy phone-tone code snippet" data-tags="call,iphone,mobile,number,phone" data-icon-name="phone-tone"><svg><use href="#phone-tone" xlink:href="#phone-tone"/></svg><span class="visually-hidden">Copy phone-tone icon code</span></button>
|
|
433
|
+
<button class="icon-button" title="Copy phone-toolbar code snippet" data-tags="android,call,communication,device,iOS,iPhone,menu,mobile,phone,smartphone,tech,technology,telephone,toolbar,touchscreen" data-icon-name="phone-toolbar"><svg><use href="#phone-toolbar" xlink:href="#phone-toolbar"/></svg><span class="visually-hidden">Copy phone-toolbar icon code</span></button>
|
|
434
|
+
<button class="icon-button" title="Copy phone-toolbar-filled code snippet" data-tags="android,call,communication,device,iOS,iPhone,menu,mobile,phone,smartphone,tech,technology,telephone,toolbar,touchscreen" data-icon-name="phone-toolbar-filled"><svg><use href="#phone-toolbar-filled" xlink:href="#phone-toolbar-filled"/></svg><span class="visually-hidden">Copy phone-toolbar-filled icon code</span></button>
|
|
435
|
+
<button class="icon-button" title="Copy pie-chart-filled code snippet" data-tags="chart,data,percentage,pie,piechart" data-icon-name="pie-chart-filled"><svg><use href="#pie-chart-filled" xlink:href="#pie-chart-filled"/></svg><span class="visually-hidden">Copy pie-chart-filled icon code</span></button>
|
|
436
|
+
<button class="icon-button" title="Copy play code snippet" data-tags="film,m4v,mp4,play,video,wav,youtube" data-icon-name="play"><svg><use href="#play" xlink:href="#play"/></svg><span class="visually-hidden">Copy play icon code</span></button>
|
|
437
|
+
<button class="icon-button" title="Copy play-circle code snippet" data-tags="circle,film,m4v,mp4,play,video,wav,youtube" data-icon-name="play-circle"><svg><use href="#play-circle" xlink:href="#play-circle"/></svg><span class="visually-hidden">Copy play-circle icon code</span></button>
|
|
438
|
+
<button class="icon-button" title="Copy play-outline code snippet" data-tags="film,m4v,mp4,play,video,wav,youtube" data-icon-name="play-outline"><svg><use href="#play-outline" xlink:href="#play-outline"/></svg><span class="visually-hidden">Copy play-outline icon code</span></button>
|
|
439
|
+
<button class="icon-button" title="Copy play-store code snippet" data-tags="android,app,application,appstore,development,google,market,media,music,play,video" data-icon-name="play-store"><svg><use href="#play-store" xlink:href="#play-store"/></svg><span class="visually-hidden">Copy play-store icon code</span></button>
|
|
440
|
+
<button class="icon-button" title="Copy plug code snippet" data-tags="add-on,api,application,cable,development,electric,electricity,energy,extension,integration,jack,plug,plugin,tools,widget" data-icon-name="plug"><svg><use href="#plug" xlink:href="#plug"/></svg><span class="visually-hidden">Copy plug icon code</span></button>
|
|
441
|
+
<button class="icon-button" title="Copy plus-square code snippet" data-tags="add,addition,calculate,mathematics,plus,square" data-icon-name="plus-square"><svg><use href="#plus-square" xlink:href="#plus-square"/></svg><span class="visually-hidden">Copy plus-square icon code</span></button>
|
|
442
|
+
<button class="icon-button" title="Copy premium code snippet" data-tags="currency,diamond,gem" data-icon-name="premium"><svg><use href="#premium" xlink:href="#premium"/></svg><span class="visually-hidden">Copy premium icon code</span></button>
|
|
443
|
+
<button class="icon-button" title="Copy present code snippet" data-tags="gift,package,surprise" data-icon-name="present"><svg><use href="#present" xlink:href="#present"/></svg><span class="visually-hidden">Copy present icon code</span></button>
|
|
444
|
+
<button class="icon-button" title="Copy preview-off code snippet" data-tags="eye,hide,off,preview" data-icon-name="preview-off"><svg><use href="#preview-off" xlink:href="#preview-off"/></svg><span class="visually-hidden">Copy preview-off icon code</span></button>
|
|
445
|
+
<button class="icon-button" title="Copy preview-on code snippet" data-tags="eye,preview,see,view" data-icon-name="preview-on"><svg><use href="#preview-on" xlink:href="#preview-on"/></svg><span class="visually-hidden">Copy preview-on icon code</span></button>
|
|
446
|
+
<button class="icon-button" title="Copy product code snippet" data-tags="block,box,component,cube,delivery,geometry,module,nav,navigation,note,package,parcel,product,shape" data-icon-name="product"><svg><use href="#product" xlink:href="#product"/></svg><span class="visually-hidden">Copy product icon code</span></button>
|
|
447
|
+
<button class="icon-button" title="Copy product-filled code snippet" data-tags="block,box,component,cube,delivery,geometry,module,nav,navigation,note,package,parcel,product,shape" data-icon-name="product-filled"><svg><use href="#product-filled" xlink:href="#product-filled"/></svg><span class="visually-hidden">Copy product-filled icon code</span></button>
|
|
448
|
+
<button class="icon-button" title="Copy question-circle code snippet" data-tags="circle,documentation,help,info,information,question" data-icon-name="question-circle"><svg><use href="#question-circle" xlink:href="#question-circle"/></svg><span class="visually-hidden">Copy question-circle icon code</span></button>
|
|
449
|
+
<button class="icon-button" title="Copy quote code snippet" data-tags="block,edit,font,quote,style,text,theme,typography" data-icon-name="quote"><svg><use href="#quote" xlink:href="#quote"/></svg><span class="visually-hidden">Copy quote icon code</span></button>
|
|
450
|
+
<button class="icon-button" title="Copy redo code snippet" data-tags="reverse,right,switch" data-icon-name="redo"><svg><use href="#redo" xlink:href="#redo"/></svg><span class="visually-hidden">Copy redo icon code</span></button>
|
|
451
|
+
<button class="icon-button" title="Copy refresh code snippet" data-tags="clockwise,cw,refresh,refresh,rotate" data-icon-name="refresh"><svg><use href="#refresh" xlink:href="#refresh"/></svg><span class="visually-hidden">Copy refresh icon code</span></button>
|
|
452
|
+
<button class="icon-button" title="Copy remove code snippet" data-tags="close,cross,delete,exit,remove,x" data-icon-name="remove"><svg><use href="#remove" xlink:href="#remove"/></svg><span class="visually-hidden">Copy remove icon code</span></button>
|
|
453
|
+
<button class="icon-button" title="Copy remove-circle code snippet" data-tags="circle,close,cross,delete,exit,remove,x" data-icon-name="remove-circle"><svg><use href="#remove-circle" xlink:href="#remove-circle"/></svg><span class="visually-hidden">Copy remove-circle icon code</span></button>
|
|
454
|
+
<button class="icon-button" title="Copy rename code snippet" data-tags="design,draw,editor,pen,pencil,vector" data-icon-name="rename"><svg><use href="#rename" xlink:href="#rename"/></svg><span class="visually-hidden">Copy rename icon code</span></button>
|
|
455
|
+
<button class="icon-button" title="Copy reset-password code snippet" data-tags="cybersecurity,lock,pass word,passcode,password,security" data-icon-name="reset-password"><svg><use href="#reset-password" xlink:href="#reset-password"/></svg><span class="visually-hidden">Copy reset-password icon code</span></button>
|
|
456
|
+
<button class="icon-button" title="Copy restore code snippet" data-tags="alarm,clock,cycle,refresh,rewind,timer,watch" data-icon-name="restore"><svg><use href="#restore" xlink:href="#restore"/></svg><span class="visually-hidden">Copy restore icon code</span></button>
|
|
457
|
+
<button class="icon-button" title="Copy right-small code snippet" data-tags="chevron,right" data-icon-name="right-small"><svg><use href="#right-small" xlink:href="#right-small"/></svg><span class="visually-hidden">Copy right-small icon code</span></button>
|
|
458
|
+
<button class="icon-button" title="Copy rocket code snippet" data-tags="jet,missile,rocket,transport" data-icon-name="rocket"><svg><use href="#rocket" xlink:href="#rocket"/></svg><span class="visually-hidden">Copy rocket icon code</span></button>
|
|
459
|
+
<button class="icon-button" title="Copy rocket-filled code snippet" data-tags="jet,missile,rocket,transport" data-icon-name="rocket-filled"><svg><use href="#rocket-filled" xlink:href="#rocket-filled"/></svg><span class="visually-hidden">Copy rocket-filled icon code</span></button>
|
|
460
|
+
<button class="icon-button" title="Copy rocket-tone code snippet" data-tags="jet,missile,rocket,transport" data-icon-name="rocket-tone"><svg><use href="#rocket-tone" xlink:href="#rocket-tone"/></svg><span class="visually-hidden">Copy rocket-tone icon code</span></button>
|
|
461
|
+
<button class="icon-button" title="Copy round-dollar code snippet" data-tags="circle,currency,dollar,money" data-icon-name="round-dollar"><svg><use href="#round-dollar" xlink:href="#round-dollar"/></svg><span class="visually-hidden">Copy round-dollar icon code</span></button>
|
|
462
|
+
<button class="icon-button" title="Copy rows code snippet" data-tags="columns,divider,grid,horizontal,table" data-icon-name="rows"><svg><use href="#rows" xlink:href="#rows"/></svg><span class="visually-hidden">Copy rows icon code</span></button>
|
|
463
|
+
<button class="icon-button" title="Copy scissor code snippet" data-tags="cut,design,editor,scissors,trim" data-icon-name="scissor"><svg><use href="#scissor" xlink:href="#scissor"/></svg><span class="visually-hidden">Copy scissor icon code</span></button>
|
|
464
|
+
<button class="icon-button" title="Copy screen-share-off code snippet" data-tags="arrow,computer,connection,device,disable,display,monitor,network,off,pc,projection,projector,screen,share,sharing" data-icon-name="screen-share-off"><svg><use href="#screen-share-off" xlink:href="#screen-share-off"/></svg><span class="visually-hidden">Copy screen-share-off icon code</span></button>
|
|
465
|
+
<button class="icon-button" title="Copy screen-share-on code snippet" data-tags="arrow,computer,connection,device,disable,display,monitor,network,pc,projection,projector,screen,share,sharing" data-icon-name="screen-share-on"><svg><use href="#screen-share-on" xlink:href="#screen-share-on"/></svg><span class="visually-hidden">Copy screen-share-on icon code</span></button>
|
|
466
|
+
<button class="icon-button" title="Copy search code snippet" data-tags="filter,magnify,magnifying glass,search,search bar,searchbar" data-icon-name="search"><svg><use href="#search" xlink:href="#search"/></svg><span class="visually-hidden">Copy search icon code</span></button>
|
|
467
|
+
<button class="icon-button" title="Copy search-md-tone code snippet" data-tags="filter,magnify,magnifying glass,search,search bar,searchbar" data-icon-name="search-md-tone"><svg><use href="#search-md-tone" xlink:href="#search-md-tone"/></svg><span class="visually-hidden">Copy search-md-tone icon code</span></button>
|
|
468
|
+
<button class="icon-button" title="Copy search-small code snippet" data-tags="filter,magnify,magnifying glass,search,search bar,searchbar" data-icon-name="search-small"><svg><use href="#search-small" xlink:href="#search-small"/></svg><span class="visually-hidden">Copy search-small icon code</span></button>
|
|
469
|
+
<button class="icon-button" title="Copy send-message code snippet" data-tags="chat,dm,mail,message,send" data-icon-name="send-message"><svg><use href="#send-message" xlink:href="#send-message"/></svg><span class="visually-hidden">Copy send-message icon code</span></button>
|
|
470
|
+
<button class="icon-button" title="Copy sequences code snippet" data-tags="backup,clone,copies,copy,document,duplicate,file,files,group,layer,layers,note,paper,paste,report,separate,sequences,split,ungroup" data-icon-name="sequences"><svg><use href="#sequences" xlink:href="#sequences"/></svg><span class="visually-hidden">Copy sequences icon code</span></button>
|
|
471
|
+
<button class="icon-button" title="Copy settings-tone code snippet" data-tags="cog,preferences,settings" data-icon-name="settings-tone"><svg><use href="#settings-tone" xlink:href="#settings-tone"/></svg><span class="visually-hidden">Copy settings-tone icon code</span></button>
|
|
472
|
+
<button class="icon-button" title="Copy share code snippet" data-tags="export,external,hyperlink,link,open,share,website" data-icon-name="share"><svg><use href="#share" xlink:href="#share"/></svg><span class="visually-hidden">Copy share icon code</span></button>
|
|
473
|
+
<button class="icon-button" title="Copy shopping-cart-filled code snippet" data-tags="cart,ecommerce,purchase,shopping bag" data-icon-name="shopping-cart-filled"><svg><use href="#shopping-cart-filled" xlink:href="#shopping-cart-filled"/></svg><span class="visually-hidden">Copy shopping-cart-filled icon code</span></button>
|
|
474
|
+
<button class="icon-button" title="Copy skipped code snippet" data-tags="address,approved,cancel,check,checked,complete,completed,direction,done,gps,location,map,mark,navigation,position,route,street,tick" data-icon-name="skipped"><svg><use href="#skipped" xlink:href="#skipped"/></svg><span class="visually-hidden">Copy skipped icon code</span></button>
|
|
475
|
+
<button class="icon-button" title="Copy slash-divider code snippet" data-tags="divide,divider,no,slash" data-icon-name="slash-divider"><svg><use href="#slash-divider" xlink:href="#slash-divider"/></svg><span class="visually-hidden">Copy slash-divider icon code</span></button>
|
|
476
|
+
<button class="icon-button" title="Copy speaker code snippet" data-tags="announcement,megaphone,speaker" data-icon-name="speaker"><svg><use href="#speaker" xlink:href="#speaker"/></svg><span class="visually-hidden">Copy speaker icon code</span></button>
|
|
477
|
+
<button class="icon-button" title="Copy square-dollar code snippet" data-tags="editor,italic,italics,rich text,text" data-icon-name="square-dollar"><svg><use href="#square-dollar" xlink:href="#square-dollar"/></svg><span class="visually-hidden">Copy square-dollar icon code</span></button>
|
|
478
|
+
<button class="icon-button" title="Copy stack code snippet" data-tags="isometic,layer,layers,stack,three" data-icon-name="stack"><svg><use href="#stack" xlink:href="#stack"/></svg><span class="visually-hidden">Copy stack icon code</span></button>
|
|
479
|
+
<button class="icon-button" title="Copy star code snippet" data-tags="favorite,favourite,galaxy,save,star" data-icon-name="star"><svg><use href="#star" xlink:href="#star"/></svg><span class="visually-hidden">Copy star icon code</span></button>
|
|
480
|
+
<button class="icon-button" title="Copy star-03 code snippet" data-tags="favorite,favourite,galaxy,save,star" data-icon-name="star-03"><svg><use href="#star-03" xlink:href="#star-03"/></svg><span class="visually-hidden">Copy star-03 icon code</span></button>
|
|
481
|
+
<button class="icon-button" title="Copy star-filled code snippet" data-tags="favorite,favourite,galaxy,save,star" data-icon-name="star-filled"><svg><use href="#star-filled" xlink:href="#star-filled"/></svg><span class="visually-hidden">Copy star-filled icon code</span></button>
|
|
482
|
+
<button class="icon-button" title="Copy stars-tone code snippet" data-tags="galaxy,new,night time,stars,weather" data-icon-name="stars-tone"><svg><use href="#stars-tone" xlink:href="#stars-tone"/></svg><span class="visually-hidden">Copy stars-tone icon code</span></button>
|
|
483
|
+
<button class="icon-button" title="Copy stop code snippet" data-tags="audio,stop" data-icon-name="stop"><svg><use href="#stop" xlink:href="#stop"/></svg><span class="visually-hidden">Copy stop icon code</span></button>
|
|
484
|
+
<button class="icon-button" title="Copy stopwatch code snippet" data-tags="alarm,clock,stopwatch,timer,watch" data-icon-name="stopwatch"><svg><use href="#stopwatch" xlink:href="#stopwatch"/></svg><span class="visually-hidden">Copy stopwatch icon code</span></button>
|
|
485
|
+
<button class="icon-button" title="Copy strikethrough code snippet" data-tags="editor,rich text,strikethrough,text" data-icon-name="strikethrough"><svg><use href="#strikethrough" xlink:href="#strikethrough"/></svg><span class="visually-hidden">Copy strikethrough icon code</span></button>
|
|
486
|
+
<button class="icon-button" title="Copy subscript code snippet" data-tags="editor,rich text,subscript,text,type" data-icon-name="subscript"><svg><use href="#subscript" xlink:href="#subscript"/></svg><span class="visually-hidden">Copy subscript icon code</span></button>
|
|
487
|
+
<button class="icon-button" title="Copy subscriptions code snippet" data-tags="arrow,back,currency,dollar,exchange,money,payment,refund,refundable,revery" data-icon-name="subscriptions"><svg><use href="#subscriptions" xlink:href="#subscriptions"/></svg><span class="visually-hidden">Copy subscriptions icon code</span></button>
|
|
488
|
+
<button class="icon-button" title="Copy super-admin code snippet" data-tags="CX,super admin" data-icon-name="super-admin"><svg><use href="#super-admin" xlink:href="#super-admin"/></svg><span class="visually-hidden">Copy super-admin icon code</span></button>
|
|
489
|
+
<button class="icon-button" title="Copy superscript code snippet" data-tags="editor,rich text,subscript,text,type" data-icon-name="superscript"><svg><use href="#superscript" xlink:href="#superscript"/></svg><span class="visually-hidden">Copy superscript icon code</span></button>
|
|
490
|
+
<button class="icon-button" title="Copy sync code snippet" data-tags="clockwise,cw,refresh,refresh,rotate" data-icon-name="sync"><svg><use href="#sync" xlink:href="#sync"/></svg><span class="visually-hidden">Copy sync icon code</span></button>
|
|
491
|
+
<button class="icon-button" title="Copy tablet-landscape code snippet" data-tags="ipad,landscape,tablet" data-icon-name="tablet-landscape"><svg><use href="#tablet-landscape" xlink:href="#tablet-landscape"/></svg><span class="visually-hidden">Copy tablet-landscape icon code</span></button>
|
|
492
|
+
<button class="icon-button" title="Copy tablet-portrait code snippet" data-tags="ipad,tablet" data-icon-name="tablet-portrait"><svg><use href="#tablet-portrait" xlink:href="#tablet-portrait"/></svg><span class="visually-hidden">Copy tablet-portrait icon code</span></button>
|
|
493
|
+
<button class="icon-button" title="Copy tag code snippet" data-tags="attribute,category,discount,ecommerce,label,nav,navigation,organize,price,sale,shopping,store,tag" data-icon-name="tag"><svg><use href="#tag" xlink:href="#tag"/></svg><span class="visually-hidden">Copy tag icon code</span></button>
|
|
494
|
+
<button class="icon-button" title="Copy tag-filled code snippet" data-tags="attribute,category,discount,ecommerce,label,nav,navigation,organize,price,sale,shopping,store,tag" data-icon-name="tag-filled"><svg><use href="#tag-filled" xlink:href="#tag-filled"/></svg><span class="visually-hidden">Copy tag-filled icon code</span></button>
|
|
495
|
+
<button class="icon-button" title="Copy text-styles code snippet" data-tags="editor,rich text,text,type" data-icon-name="text-styles"><svg><use href="#text-styles" xlink:href="#text-styles"/></svg><span class="visually-hidden">Copy text-styles icon code</span></button>
|
|
496
|
+
<button class="icon-button" title="Copy theme-store code snippet" data-tags="building,business,house,shop,store" data-icon-name="theme-store"><svg><use href="#theme-store" xlink:href="#theme-store"/></svg><span class="visually-hidden">Copy theme-store icon code</span></button>
|
|
497
|
+
<button class="icon-button" title="Copy theme-store-filled code snippet" data-tags="building,business,house" data-icon-name="theme-store-filled"><svg><use href="#theme-store-filled" xlink:href="#theme-store-filled"/></svg><span class="visually-hidden">Copy theme-store-filled icon code</span></button>
|
|
498
|
+
<button class="icon-button" title="Copy thumb-down code snippet" data-tags="down,negative,thumbs" data-icon-name="thumb-down"><svg><use href="#thumb-down" xlink:href="#thumb-down"/></svg><span class="visually-hidden">Copy thumb-down icon code</span></button>
|
|
499
|
+
<button class="icon-button" title="Copy thumb-down-filled code snippet" data-tags="down,negative,thumbs" data-icon-name="thumb-down-filled"><svg><use href="#thumb-down-filled" xlink:href="#thumb-down-filled"/></svg><span class="visually-hidden">Copy thumb-down-filled icon code</span></button>
|
|
500
|
+
<button class="icon-button" title="Copy thumb-up code snippet" data-tags="positive,thumbs,up" data-icon-name="thumb-up"><svg><use href="#thumb-up" xlink:href="#thumb-up"/></svg><span class="visually-hidden">Copy thumb-up icon code</span></button>
|
|
501
|
+
<button class="icon-button" title="Copy thumb-up-filled code snippet" data-tags="positive,thumbs,up" data-icon-name="thumb-up-filled"><svg><use href="#thumb-up-filled" xlink:href="#thumb-up-filled"/></svg><span class="visually-hidden">Copy thumb-up-filled icon code</span></button>
|
|
502
|
+
<button class="icon-button" title="Copy trash code snippet" data-tags="bin,delete,remove,trash,trashcan" data-icon-name="trash"><svg><use href="#trash" xlink:href="#trash"/></svg><span class="visually-hidden">Copy trash icon code</span></button>
|
|
503
|
+
<button class="icon-button" title="Copy trend-down code snippet" data-tags="chart,down,graph,negative,trend" data-icon-name="trend-down"><svg><use href="#trend-down" xlink:href="#trend-down"/></svg><span class="visually-hidden">Copy trend-down icon code</span></button>
|
|
504
|
+
<button class="icon-button" title="Copy trend-none code snippet" data-tags="circle,mathematics,minus,subtract,subtraction" data-icon-name="trend-none"><svg><use href="#trend-none" xlink:href="#trend-none"/></svg><span class="visually-hidden">Copy trend-none icon code</span></button>
|
|
505
|
+
<button class="icon-button" title="Copy trend-up code snippet" data-tags="chart,graph,positive,trend,up" data-icon-name="trend-up"><svg><use href="#trend-up" xlink:href="#trend-up"/></svg><span class="visually-hidden">Copy trend-up icon code</span></button>
|
|
506
|
+
<button class="icon-button" title="Copy trophy code snippet" data-tags="award,certificate,medal,trophy" data-icon-name="trophy"><svg><use href="#trophy" xlink:href="#trophy"/></svg><span class="visually-hidden">Copy trophy icon code</span></button>
|
|
507
|
+
<button class="icon-button" title="Copy trophy-filled code snippet" data-tags="award,certificate,medal,trophy" data-icon-name="trophy-filled"><svg><use href="#trophy-filled" xlink:href="#trophy-filled"/></svg><span class="visually-hidden">Copy trophy-filled icon code</span></button>
|
|
508
|
+
<button class="icon-button" title="Copy type code snippet" data-tags="editor,rich text,text,type" data-icon-name="type"><svg><use href="#type" xlink:href="#type"/></svg><span class="visually-hidden">Copy type icon code</span></button>
|
|
509
|
+
<button class="icon-button" title="Copy underline code snippet" data-tags="editor,rich text,text,underline" data-icon-name="underline"><svg><use href="#underline" xlink:href="#underline"/></svg><span class="visually-hidden">Copy underline icon code</span></button>
|
|
510
|
+
<button class="icon-button" title="Copy undo code snippet" data-tags="left,reverse,switch" data-icon-name="undo"><svg><use href="#undo" xlink:href="#undo"/></svg><span class="visually-hidden">Copy undo icon code</span></button>
|
|
511
|
+
<button class="icon-button" title="Copy unlock code snippet" data-tags="cybersecurity,lock,password,security,unlocked" data-icon-name="unlock"><svg><use href="#unlock" xlink:href="#unlock"/></svg><span class="visually-hidden">Copy unlock icon code</span></button>
|
|
512
|
+
<button class="icon-button" title="Copy unmapped code snippet" data-tags="address,approved,check,checked,complete,completed,direction,done,edit,gps,location,map,mark,modify,navigation,position,route,street,tick" data-icon-name="unmapped"><svg><use href="#unmapped" xlink:href="#unmapped"/></svg><span class="visually-hidden">Copy unmapped icon code</span></button>
|
|
513
|
+
<button class="icon-button" title="Copy up-small code snippet" data-tags="chevron,dropdown,up" data-icon-name="up-small"><svg><use href="#up-small" xlink:href="#up-small"/></svg><span class="visually-hidden">Copy up-small icon code</span></button>
|
|
514
|
+
<button class="icon-button" title="Copy upload code snippet" data-tags="export,share,up,upload" data-icon-name="upload"><svg><use href="#upload" xlink:href="#upload"/></svg><span class="visually-hidden">Copy upload icon code</span></button>
|
|
515
|
+
<button class="icon-button" title="Copy url code snippet" data-tags="chain,connection,hyperlink,link,website" data-icon-name="url"><svg><use href="#url" xlink:href="#url"/></svg><span class="visually-hidden">Copy url icon code</span></button>
|
|
516
|
+
<button class="icon-button" title="Copy user code snippet" data-tags="account,person,persona,user" data-icon-name="user"><svg><use href="#user" xlink:href="#user"/></svg><span class="visually-hidden">Copy user icon code</span></button>
|
|
517
|
+
<button class="icon-button" title="Copy user-circle code snippet" data-tags="nav,navigation,sage-icon-user-circle" data-icon-name="user-circle"><svg><use href="#user-circle" xlink:href="#user-circle"/></svg><span class="visually-hidden">Copy user-circle icon code</span></button>
|
|
518
|
+
<button class="icon-button" title="Copy user-circle-filled code snippet" data-tags="contacts,nav,navigation" data-icon-name="user-circle-filled"><svg><use href="#user-circle-filled" xlink:href="#user-circle-filled"/></svg><span class="visually-hidden">Copy user-circle-filled icon code</span></button>
|
|
519
|
+
<button class="icon-button" title="Copy user-filled code snippet" data-tags="account,person,persona,user" data-icon-name="user-filled"><svg><use href="#user-filled" xlink:href="#user-filled"/></svg><span class="visually-hidden">Copy user-filled icon code</span></button>
|
|
520
|
+
<button class="icon-button" title="Copy user-star code snippet" data-tags="account,avatar,contact,favorite,follower,friend,human,like,love,man,member,nav,navigation,person,person,profile,sage-icon-user-star,star,user,users,woman" data-icon-name="user-star"><svg><use href="#user-star" xlink:href="#user-star"/></svg><span class="visually-hidden">Copy user-star icon code</span></button>
|
|
521
|
+
<button class="icon-button" title="Copy user-star-filled code snippet" data-tags="account,avatar,contact,favorite,follower,friend,human,like,love,man,member,nav,navigation,person,person,profile,star,user,users,woman" data-icon-name="user-star-filled"><svg><use href="#user-star-filled" xlink:href="#user-star-filled"/></svg><span class="visually-hidden">Copy user-star-filled icon code</span></button>
|
|
522
|
+
<button class="icon-button" title="Copy users code snippet" data-tags="account,people,persona,team,users" data-icon-name="users"><svg><use href="#users" xlink:href="#users"/></svg><span class="visually-hidden">Copy users icon code</span></button>
|
|
523
|
+
<button class="icon-button" title="Copy users-alt code snippet" data-tags="account,people,persona,team,users" data-icon-name="users-alt"><svg><use href="#users-alt" xlink:href="#users-alt"/></svg><span class="visually-hidden">Copy users-alt icon code</span></button>
|
|
524
|
+
<button class="icon-button" title="Copy users-filled code snippet" data-tags="account,people,persona,team,users" data-icon-name="users-filled"><svg><use href="#users-filled" xlink:href="#users-filled"/></svg><span class="visually-hidden">Copy users-filled icon code</span></button>
|
|
525
|
+
<button class="icon-button" title="Copy users-tone code snippet" data-tags="account,people,persona,team,users" data-icon-name="users-tone"><svg><use href="#users-tone" xlink:href="#users-tone"/></svg><span class="visually-hidden">Copy users-tone icon code</span></button>
|
|
526
|
+
<button class="icon-button" title="Copy video-off code snippet" data-tags="film,m4v,mp4,play,video,video recorder,wav,youtube" data-icon-name="video-off"><svg><use href="#video-off" xlink:href="#video-off"/></svg><span class="visually-hidden">Copy video-off icon code</span></button>
|
|
527
|
+
<button class="icon-button" title="Copy video-on code snippet" data-tags="film,m4v,mp4,play,video,video recorder,wav,youtube" data-icon-name="video-on"><svg><use href="#video-on" xlink:href="#video-on"/></svg><span class="visually-hidden">Copy video-on icon code</span></button>
|
|
528
|
+
<button class="icon-button" title="Copy warning code snippet" data-tags="alert,error,triangle,warning" data-icon-name="warning"><svg><use href="#warning" xlink:href="#warning"/></svg><span class="visually-hidden">Copy warning icon code</span></button>
|
|
529
|
+
<button class="icon-button" title="Copy warning-filled code snippet" data-tags="alert,error,triangle,warning" data-icon-name="warning-filled"><svg><use href="#warning-filled" xlink:href="#warning-filled"/></svg><span class="visually-hidden">Copy warning-filled icon code</span></button>
|
|
530
|
+
<button class="icon-button" title="Copy window-paragraph code snippet" data-tags="browser,flexbox,grid,layout,table,web" data-icon-name="window-paragraph"><svg><use href="#window-paragraph" xlink:href="#window-paragraph"/></svg><span class="visually-hidden">Copy window-paragraph icon code</span></button>
|
|
531
|
+
<button class="icon-button" title="Copy world code snippet" data-tags="earth,globe,map,travel" data-icon-name="world"><svg><use href="#world" xlink:href="#world"/></svg><span class="visually-hidden">Copy world icon code</span></button>
|
|
532
|
+
<button class="icon-button" title="Copy wrench code snippet" data-tags="preferences,settings,spanner,tool,tools" data-icon-name="wrench"><svg><use href="#wrench" xlink:href="#wrench"/></svg><span class="visually-hidden">Copy wrench icon code</span></button>
|
|
533
|
+
<svg data-pdsicons="8.19.0" style="display:none">
|
|
395
534
|
<style>
|
|
396
535
|
.pdsicon {
|
|
397
536
|
fill: currentColor;
|
|
@@ -609,12 +748,12 @@
|
|
|
609
748
|
<symbol id="lock" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="M6 8a6 6 0 1 1 12 0v2.15c.283.062.554.152.816.286a4 4 0 0 1 1.748 1.748c.247.485.346 1.002.392 1.564.044.541.044 1.206.044 2.01v.483c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H8.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C3 17.71 3 17.046 3 16.242v-.483c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.262-.134.533-.224.816-.286zm2 2.002q.356-.003.759-.002h6.482q.403 0 .759.002V8a4 4 0 0 0-8 0zm-1.089 2.036c-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C5 14.361 5 14.943 5 15.8v.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C7.361 20 7.943 20 8.8 20h6.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889v-.4c0-.857 0-1.439-.038-1.889-.035-.438-.1-.663-.18-.819a2 2 0 0 0-.874-.874c-.156-.08-.38-.145-.819-.18C16.639 12 16.057 12 15.2 12H8.8c-.857 0-1.439 0-1.889.038"/></symbol>
|
|
610
749
|
<symbol id="lock-alt" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="M6 8a6 6 0 1 1 12 0v2.15c.283.062.554.152.816.286a4 4 0 0 1 1.748 1.748c.247.485.346 1.002.392 1.564.044.541.044 1.206.044 2.01v.483c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H8.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C3 17.71 3 17.046 3 16.242v-.483c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.262-.134.533-.224.816-.286zm2 2.002q.356-.003.759-.002h6.482q.403 0 .759.002V8a4 4 0 0 0-8 0zm-1.089 2.036c-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C5 14.361 5 14.943 5 15.8v.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C7.361 20 7.943 20 8.8 20h6.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889v-.4c0-.857 0-1.439-.038-1.889-.035-.438-.1-.663-.18-.819a2 2 0 0 0-.874-.874c-.156-.08-.38-.145-.819-.18C16.639 12 16.057 12 15.2 12H8.8c-.857 0-1.439 0-1.889.038"/></symbol>
|
|
611
750
|
<symbol id="logo-afterpay" viewBox="0 0 24 24" class="pdsicon"><path d="M21.458 6.213 18.442 4.43 15.29 2.649c-2.056-1.234-4.66.274-4.66 2.604v.411c0 .274.136.411.273.549l1.371.822c.548.274 1.097 0 1.097-.548v-.96c0-.411.41-.685.822-.411l5.757 3.29a.642.642 0 0 1 0 1.096l-2.878 1.645-2.879 1.508c-.411.137-.822-.137-.822-.548v-.412c0-2.467-2.605-3.975-4.66-2.741l-3.153 1.782-3.016 1.782a3.087 3.087 0 0 0 0 5.346l3.016 1.782 3.152 1.781c2.056 1.097 4.66-.41 4.66-2.74v-.412c0-.274-.136-.411-.273-.548l-1.371-.823c-.548-.274-1.097 0-1.097.548v.96c0 .411-.41.685-.822.411l-5.757-3.29c-.274-.137-.274-.685.137-.96l5.757-3.289c.274-.137.685.137.685.548v.412c0 2.33 2.605 3.838 4.66 2.604l3.153-1.782 3.016-1.782c2.056-.96 2.056-3.975 0-5.071"/></symbol>
|
|
612
|
-
<symbol id="logo-facebook" viewBox="0 0 24 24" class="pdsicon"><path d="
|
|
613
|
-
<symbol id="logo-facebook-round" viewBox="0 0 24 24" class="pdsicon"><path d="M23 12.
|
|
751
|
+
<symbol id="logo-facebook" viewBox="0 0 24 24" class="pdsicon"><path d="m9.105 23-.032-10H5V9h4.073V6.5c0-3.711 2.34-5.5 5.71-5.5 1.616 0 3.003.118 3.408.17v3.88h-2.338c-1.833 0-2.188.856-2.188 2.112V9H19l-2.036 4h-3.3v10z"/></symbol>
|
|
752
|
+
<symbol id="logo-facebook-round" viewBox="0 0 24 24" class="pdsicon"><path d="M23 12.067c0-2.115-.603-4.186-1.736-5.967a11 11 0 0 0-4.66-4.084 10.94 10.94 0 0 0-11.75 1.637 11.07 11.07 0 0 0-3.38 5.204 11.13 11.13 0 0 0-.06 6.217 11.1 11.1 0 0 0 3.28 5.269A10.97 10.97 0 0 0 10.282 23v-7.734H7.488v-3.2h2.793V9.629c0-2.773 1.643-4.306 4.155-4.306a17 17 0 0 1 2.463.216v2.724H15.51a1.58 1.58 0 0 0-1.175.315 1.6 1.6 0 0 0-.617 1.414v2.076h3.048l-.488 3.2h-2.567V23a10.98 10.98 0 0 0 6.65-3.742A11.1 11.1 0 0 0 23 12.067"/></symbol>
|
|
614
753
|
<symbol id="logo-instagram" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="M12 2.982c2.937 0 3.285.011 4.445.064a6.1 6.1 0 0 1 2.042.379 3.4 3.4 0 0 1 1.265.823 3.4 3.4 0 0 1 .823 1.265 6.1 6.1 0 0 1 .379 2.042c.053 1.16.064 1.508.064 4.445s-.011 3.285-.064 4.445a6.1 6.1 0 0 1-.379 2.042 3.64 3.64 0 0 1-2.088 2.088 6.1 6.1 0 0 1-2.042.379c-1.16.053-1.508.064-4.445.064s-3.285-.011-4.445-.064a6.1 6.1 0 0 1-2.042-.379 3.4 3.4 0 0 1-1.265-.823 3.4 3.4 0 0 1-.823-1.265 6.1 6.1 0 0 1-.379-2.042c-.053-1.16-.064-1.508-.064-4.445s.011-3.285.064-4.445a6.1 6.1 0 0 1 .379-2.042 3.4 3.4 0 0 1 .823-1.265 3.4 3.4 0 0 1 1.265-.823 6.1 6.1 0 0 1 2.042-.379c1.16-.053 1.508-.064 4.445-.064M12 1c-2.987 0-3.362.013-4.535.066a8.1 8.1 0 0 0-2.67.511A5.63 5.63 0 0 0 1.577 4.8a8.1 8.1 0 0 0-.511 2.67C1.013 8.638 1 9.013 1 12s.013 3.362.066 4.535c.019.912.192 1.815.511 2.67A5.63 5.63 0 0 0 4.8 22.423c.855.32 1.758.492 2.67.511C8.638 22.987 9.013 23 12 23s3.362-.013 4.535-.066a8.1 8.1 0 0 0 2.67-.511 5.63 5.63 0 0 0 3.218-3.223c.32-.855.492-1.758.511-2.67.053-1.168.066-1.543.066-4.53s-.013-3.362-.066-4.535a8.1 8.1 0 0 0-.511-2.67A5.63 5.63 0 0 0 19.2 1.577a8.1 8.1 0 0 0-2.67-.511C15.362 1.013 14.987 1 12 1m0 5.351a5.65 5.65 0 1 0 0 11.298 5.65 5.65 0 0 0 0-11.298m0 9.316a3.667 3.667 0 1 1 0-7.335 3.667 3.667 0 0 1 0 7.335m7.192-9.539a1.32 1.32 0 1 1-2.64 0 1.32 1.32 0 0 1 2.64 0"/></symbol>
|
|
615
754
|
<symbol id="logo-linkedin" viewBox="0 0 24 24" class="pdsicon"><path d="M22.083 1H1.917C1.367 1 1 1.367 1 1.917v20.166c0 .55.367.917.917.917h20.166c.55 0 .917-.367.917-.917V1.917c0-.55-.367-.917-.917-.917M4.3 19.792V9.25h3.3v10.542zM5.858 7.783c-1.008 0-1.925-.825-1.925-1.925 0-1.008.825-1.925 1.925-1.925 1.009 0 1.925.825 1.925 1.925s-.825 1.925-1.925 1.925m13.934 12.009h-3.3v-5.134c0-1.191 0-2.75-1.65-2.75-1.742 0-1.925 1.284-1.925 2.659v5.225h-3.3V9.25h3.116v1.467c.459-.825 1.467-1.65 3.117-1.65 3.3 0 3.942 2.2 3.942 5.041z"/></symbol>
|
|
616
755
|
<symbol id="logo-snapchat" viewBox="0 0 24 24" class="pdsicon"><path d="M22.594 18.442c.718-.36.307-.564.102-.718-3.847-1.847-4.463-4.72-4.514-4.925-.052-.256-.052-.462.205-.77.308-.256 1.488-.974 1.847-1.23.564-.411.82-.77.615-1.283-.102-.308-.41-.41-.77-.41h-.307c-.616.153-1.18.461-1.539.512-.051.052-.103.052-.154.052-.154 0-.205-.103-.205-.308.051-.667.103-2 0-3.232-.103-1.693-.667-2.514-1.334-3.232C16.232 2.54 14.796 1 11.974 1 9.204 1 7.768 2.539 7.46 2.898c-.667.718-1.231 1.54-1.334 3.232-.154 1.231-.051 2.565 0 3.232 0 .205-.051.308-.256.308h-.103c-.36-.103-.923-.41-1.539-.565H3.92c-.359 0-.667.103-.77.462-.204.462.052.872.616 1.231.36.257 1.54 1.026 1.847 1.283.257.256.257.462.205.718-.051.205-.667 3.078-4.514 4.925-.205.154-.616.359.103.718 1.026.616 1.744.564 2.308.872.462.308.205.975.513 1.231.41.257 1.642-.051 3.232.462 1.334.462 2.155 1.693 4.566 1.693 2.36 0 3.18-1.231 4.514-1.693 1.59-.513 2.822-.205 3.232-.462.308-.256.051-.923.513-1.18.564-.359 1.282-.307 2.308-.923"/></symbol>
|
|
617
|
-
<symbol id="logo-tiktok" viewBox="0 0 24 24" class="pdsicon"><path d="
|
|
756
|
+
<symbol id="logo-tiktok" viewBox="0 0 24 24" class="pdsicon"><path d="M9.853 9.192v3.779a3.24 3.24 0 0 0-2.772.534 3.308 3.308 0 0 0-1.322 2.512 3 3 0 0 0 .865 2.3 2.95 2.95 0 0 0 2.29.856 2.92 2.92 0 0 0 2.31-.865 2.97 2.97 0 0 0 .844-2.333V1h3.71c.63 3.955 2.593 4.873 5.222 5.297v3.79a11.1 11.1 0 0 1-5.118-1.742v7.487c0 3.391-1.992 7.168-6.94 7.168a6.9 6.9 0 0 1-2.7-.56 7 7 0 0 1-2.273-1.572 7 7 0 0 1-1.49-2.336 7.1 7.1 0 0 1-.477-2.736c.03-.973.263-1.93.686-2.805a6.9 6.9 0 0 1 1.767-2.274 6.79 6.79 0 0 1 5.398-1.524"/></symbol>
|
|
618
757
|
<symbol id="logo-twitter" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="m15.945 23-5.55-7.91L3.449 23H.51l8.583-9.769L.509 1h7.546l5.23 7.455L19.84 1h2.939l-8.184 9.317L23.49 23zm3.273-2.23h-1.979L4.718 3.23h1.979l5.015 7.023.867 1.219z"/></symbol>
|
|
619
758
|
<symbol id="logo-twitter-x" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="m15.945 23-5.55-7.91L3.448 23H.51l8.582-9.769L.51 1h7.546l5.23 7.455L19.84 1h2.939l-8.184 9.317L23.49 23zm3.273-2.23h-1.979L4.718 3.23h1.978l5.015 7.023.868 1.219z"/></symbol>
|
|
620
759
|
<symbol id="logo-youtube" viewBox="0 0 24 24" class="pdsicon"><path d="M22.817 7.6s-.184-1.558-.917-2.2c-.825-.917-1.742-.917-2.2-.917C16.583 4.3 12 4.3 12 4.3s-4.583 0-7.7.183c-.458.092-1.375.092-2.2.917-.642.642-.917 2.2-.917 2.2S1 9.342 1 11.175v1.65c0 1.742.183 3.575.183 3.575s.184 1.558.917 2.2c.825.917 1.925.825 2.383.917C6.225 19.7 12 19.7 12 19.7s4.583 0 7.7-.275c.458-.092 1.375-.092 2.2-.917.642-.641.917-2.2.917-2.2S23 14.567 23 12.733v-1.65c0-1.741-.183-3.483-.183-3.483M9.708 14.842V8.7l5.959 3.117z"/></symbol>
|
|
@@ -760,5 +899,90 @@
|
|
|
760
899
|
<symbol id="wrench" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="M16 3a5 5 0 0 0-4.858 6.188l.005.02c.055.228.104.428.136.59.031.153.068.364.053.584-.02.298-.082.518-.22.783-.146.283-.395.53-.6.734l-.061.06-6.248 6.248a1.121 1.121 0 0 0 1.586 1.586l6.248-6.248.06-.06c.204-.206.451-.455.734-.601.265-.138.485-.2.783-.22.22-.015.43.022.584.053.162.032.362.08.59.136l.02.005q.57.14 1.188.142a5 5 0 0 0 4.97-5.555l-1.654 1.653c-.179.179-.352.353-.511.488a2 2 0 0 1-.687.402 2 2 0 0 1-1.236 0 2 2 0 0 1-.687-.402 9 9 0 0 1-.51-.488l-.783-.782a9 9 0 0 1-.488-.512 2 2 0 0 1-.402-.686 2 2 0 0 1 0-1.236c.094-.29.254-.512.402-.686.135-.16.31-.333.488-.512l1.653-1.654A5 5 0 0 0 16 3M9 8a7 7 0 0 1 9.882-6.38 1 1 0 0 1 .295 1.617l-2.838 2.839c-.21.21-.324.325-.4.414l-.009.01.009.01c.076.09.19.205.4.414l.737.738c.21.21.325.323.414.4l.01.008.01-.009c.09-.076.205-.19.414-.4l2.839-2.838a1 1 0 0 1 1.618.295 7 7 0 0 1-8.043 9.683 16 16 0 0 0-.583-.134l-.013.011a9 9 0 0 0-.287.281l-6.248 6.248a3.121 3.121 0 1 1-4.414-4.414l6.248-6.248c.144-.144.225-.225.28-.287l.012-.013-.01-.053a16 16 0 0 0-.124-.53A7 7 0 0 1 9 8m.35 2.229-.005.016v.002l-.005.017v.001"/></symbol>
|
|
761
900
|
</svg/
|
|
762
901
|
}
|
|
902
|
+
</div>
|
|
903
|
+
|
|
904
|
+
<div id="toast" class="toast" role="alert" aria-live="polite"></div>
|
|
905
|
+
|
|
906
|
+
<script>
|
|
907
|
+
let toastElement = null;
|
|
908
|
+
|
|
909
|
+
function filterIcons(searchTerm) {
|
|
910
|
+
const normalizedSearch = searchTerm.toLowerCase().trim();
|
|
911
|
+
const icons = document.querySelectorAll('.icon-button');
|
|
912
|
+
const emptyState = document.querySelector('.empty-state');
|
|
913
|
+
let visibleCount = 0;
|
|
914
|
+
|
|
915
|
+
icons.forEach(icon => {
|
|
916
|
+
const tags = icon.getAttribute('data-tags') || '';
|
|
917
|
+
const iconName = icon.getAttribute('data-icon-name') || '';
|
|
918
|
+
const shouldShow = !normalizedSearch ||
|
|
919
|
+
tags.toLowerCase().includes(normalizedSearch) ||
|
|
920
|
+
iconName.toLowerCase().includes(normalizedSearch);
|
|
921
|
+
|
|
922
|
+
icon.style.display = shouldShow ? '' : 'none';
|
|
923
|
+
if (shouldShow) visibleCount++;
|
|
924
|
+
});
|
|
925
|
+
|
|
926
|
+
emptyState.style.display = visibleCount === 0 ? 'block' : 'none';
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
930
|
+
// Initialize toast element
|
|
931
|
+
toastElement = document.getElementById('toast');
|
|
932
|
+
if (!toastElement) {
|
|
933
|
+
console.error('Toast element not found, creating one');
|
|
934
|
+
toastElement = document.createElement('div');
|
|
935
|
+
toastElement.id = 'toast';
|
|
936
|
+
toastElement.className = 'toast';
|
|
937
|
+
toastElement.setAttribute('role', 'alert');
|
|
938
|
+
toastElement.setAttribute('aria-live', 'polite');
|
|
939
|
+
document.body.appendChild(toastElement);
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
// Add click handlers to buttons
|
|
943
|
+
document.querySelectorAll('.icon-button').forEach(button => {
|
|
944
|
+
button.addEventListener('click', () => {
|
|
945
|
+
const iconName = button.getAttribute('data-icon-name');
|
|
946
|
+
copyToClipboard(iconName);
|
|
947
|
+
});
|
|
948
|
+
});
|
|
949
|
+
});
|
|
950
|
+
|
|
951
|
+
function showToast(message, iconContent = '') {
|
|
952
|
+
if (!toastElement) return; // Guard against null toast
|
|
953
|
+
|
|
954
|
+
if (iconContent) {
|
|
955
|
+
toastElement.innerHTML = `${iconContent}<span>Icon code has been copied.</span>`;
|
|
956
|
+
} else {
|
|
957
|
+
toastElement.innerHTML = `<span>${message}</span>`;
|
|
958
|
+
}
|
|
959
|
+
|
|
960
|
+
toastElement.classList.add('show');
|
|
961
|
+
|
|
962
|
+
// Remove existing timeout if any
|
|
963
|
+
if (toastElement.timeoutId) {
|
|
964
|
+
clearTimeout(toastElement.timeoutId);
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
// Set new timeout
|
|
968
|
+
toastElement.timeoutId = setTimeout(() => {
|
|
969
|
+
toastElement.classList.remove('show');
|
|
970
|
+
}, 3000);
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
async function copyToClipboard(iconName) {
|
|
974
|
+
try {
|
|
975
|
+
const code = `<pds-icon name="${iconName}"></pds-icon>`;
|
|
976
|
+
const button = document.querySelector(`[data-icon-name="${iconName}"]`);
|
|
977
|
+
const svgContent = button ? button.innerHTML : '';
|
|
978
|
+
|
|
979
|
+
await navigator.clipboard.writeText(code);
|
|
980
|
+
showToast(code, svgContent);
|
|
981
|
+
} catch (err) {
|
|
982
|
+
console.error('Failed to copy:', err);
|
|
983
|
+
showToast('Failed to copy code');
|
|
984
|
+
}
|
|
985
|
+
}
|
|
986
|
+
</script>
|
|
763
987
|
</body>
|
|
764
988
|
</html>
|