• icon-hours
• icon-account-tree
• icon-account-tree-fill
• icon-add
• icon-add-fill
• icon-agentes
• icon-agentes-fill
• icon-arrow-back
• icon-arrow-downward
• icon-arrow-forward
• icon-arrow-upward
• icon-assignment-ind
• icon-assignment-ind-fill
• icon-atom
• icon-atom-fill
• icon-at-sign
• icon-attach-file
• icon-auto-updates
• icon-auto-updates-fill
• icon-backspace
• icon-backspace-fill
• icon-badge
• icon-badge-fill
• icon-billing-data
• icon-billing-data-fill
• icon-binnacle
• icon-binnacle-fill
• icon-block
• icon-build
• icon-build-fill
• icon-calculate
• icon-calculate-fill
• icon-calendar
• icon-calendar-fill
• icon-call
• icon-call-fill
• icon-campaign
• icon-campaign-fill
• icon-cancel
• icon-cancel-fill
• icon-catalogue
• icon-catalogue-fill
• icon-CFDI
• icon-CFDI-fill
• icon-chat
• icon-chat-fill
• icon-check
• icon-check-fill
• icon-checklist
• icon-checklist-fill
• icon-chevron-left
• icon-chevron-right
• icon-circle
• icon-close
• icon-cloud
• icon-cloud-done
• icon-cloud-done-fill
• icon-cloud-download
• icon-cloud-download-fill
• icon-cloud-fill
• icon-cloud-upload
• icon-cloud-upload-fill
• icon-code
• icon-company
• icon-company-add
• icon-company-add-fill
• icon-company-close
• icon-company-close-fill
• icon-company-fill
• icon-company-refresh
• icon-company-refresh-fill
• icon-compare
• icon-contact
• icon-contact-fill
• icon-contpaqi
• icon-contpaqi-i
• icon-credit-card
• icon-credit-card-fill
• icon-dark-mode
• icon-dark-mode-fill
• icon-dashboard
• icon-dashboard-fill
• icon-delete
• icon-delete-fill
• icon-delete-forever
• icon-delete-forever-fill
• icon-download-file
• icon-download-file-fill
• icon-draft
• icon-draft-fill
• icon-edit-document
• icon-edit-document-fill
• icon-event-repeat
• icon-event-repeat-fill
• icon-expand-less
• icon-expand-more
• icon-extension
• icon-extension-fill
• icon-favorite
• icon-favorite-fill
• icon-file-copy
• icon-file-copy-fill
• icon-file-sat
• icon-file-sat-fill
• icon-filter-alt
• icon-filter-alt-fill
• icon-first-page
• icon-flight
• icon-flight-fill
• icon-folder-open
• icon-folder-open-fill
• icon-grid-view
• icon-grid-view-fill
• icon-group
• icon-group-fill
• icon-help
• icon-help-fill
• icon-home
• icon-home-fill
• icon-house
• icon-house-fill
• icon-image
• icon-image-fill
• icon-import-contacts
• icon-import-contacts-fill
• icon-info
• icon-info-fill
• icon-insert-chart
• icon-insert-chart-fill
• icon-inventory
• icon-inventory-fill
• icon-key
• icon-key-fill
• icon-last-page
• icon-less
• icon-less-fill
• icon-light-mode
• icon-light-mode-fill
• icon-link
• icon-lock
• icon-lock-fill
• icon-logout
• icon-mail
• icon-mail-edit
• icon-mail-edit-fill
• icon-mail-fill
• icon-manager
• icon-manager-fill
• icon-map
• icon-map-fill
• icon-menu
• icon-molecules
• icon-more-horiz
• icon-more-vert
• icon-multiple-selector
• icon-multiple-selector-fill
• icon-not-cred
• icon-not-cred-fill
• icon-note-add
• icon-note-add-fill
• icon-notifications
• icon-notifications-fill
• icon-open-mail
• icon-open-mail-fill
• icon-order
• icon-order-fill
• icon-organisms
• icon-password
• icon-payments
• icon-payments-fill
• icon-pdf
• icon-pdf-fill
• icon-pencil
• icon-pencil-fill
• icon-pending-actions
• icon-person
• icon-person-add
• icon-person-add-fill
• icon-person-fill
• icon-pie-chart
• icon-pie-chart-fill
• icon-pin
• icon-pin-fill
• icon-play-arrow
• icon-play-circle
• icon-play-circle-1
• icon-play-circle-fill
• icon-play-circle-fill-1
• icon-policy
• icon-policy-fill
• icon-power
• icon-price-change
• icon-price-change-fill
• icon-Print
• icon-Print-fill
• icon-process
• icon-process-fill
• icon-qr-code
• icon-qr-code-scanner
• icon-quotation
• icon-quotation-fill
• icon-receipt
• icon-receipt-fill
• icon-refresh
• icon-remove-mail
• icon-remove-mail-fill
• icon-report
• icon-report-fill
• icon-request-quote
• icon-request-quote-fill
• icon-rocket
• icon-rocket-fill
• icon-sat
• icon-save
• icon-save-fill
• icon-scale
• icon-scale-fill
• icon-school
• icon-school-fill
• icon-sd_card
• icon-sd-card-fill
• icon-search
• icon-selec-empresa
• icon-sell
• icon-sell-fill
• icon-send
• icon-send-fill
• icon-settings
• icon-settings-account-box
• icon-settings-account-box-fill
• icon-settings-fill
• icon-settings-refresh
• icon-settings-refresh-fill
• icon-shield
• icon-shield-fill
• icon-shopping-cart
• icon-shopping-cart-fill
• icon-shortcut
• icon-shortcut-fill
• icon-star
• icon-star-fill
• icon-support
• icon-support-fill
• icon-sync
• icon-text-decrease
• icon-text-increase
• icon-unfold-more
• icon-upload-file
• icon-upload-file-fill
• icon-verified-user
• icon-verified-user-fill
• icon-viaticos
• icon-view-file
• icon-view-file-fill
• icon-view-list
• icon-visibility
• icon-visibility-fill
• icon-visibility-off
• icon-visibility-off-fill
• icon-warning
• icon-warning-fill
• icon-workspace-premium
• icon-workspace-premium-fill
• icon-xlsx
• icon-xlsx-fill
• icon-xml
• icon-xml-fill

Uso

Los iconos pueden ser utilizandos en elementos <span />, <i /> o con cualquier elemento con la propiedad display: inline;.

Para usar los iconos debe indicarse el nombre del icono como la clase en el elemento html correspondiente.

Ejemplos:

<span class="icon-calendar"></span>

<i class="icon-xml"></i>

El tamaño de los iconos puede cambiarse facilmente utilizado estilos o clases directamente sobre elemento, o bien, heredando el tamaño del texto especificado en su contenedor padre:

<span class="icon-xml" style="font-size: 48px;"></span>

<span class="icon-favorite-fill" style="font-size: 32px;"></span>

<p style="font-size: 16px;">
  <span class="icon-lock"></span>
</p>

<p class="fs-1">
  <span class="icon-workspace-premium"></span>
</p>

De igual menera, es posible cambiar el color del icono:

<span class="icon-xml" style="color: red;"></span>

<span class="icon-favorite-fill text-primary"></span>

<p class="text-secondary">
  <span class="icon-xml"></span>
</p>

<p class="text-success">
    <span class="icon-workspace-premium "></span>
</p>