Volver al inicio.

Iconográfia CFDI a PDF

Agrega iconos a tus PDF

Enriquece visualmente tus documentos de CFDI en formato PDF incorporando iconos. Elige entre una amplia gama de opciones para destacar información importante, representar conceptos de forma intuitiva o simplemente mejorar el aspecto estético de tus documentos.

Explora la lista completa en FontAwesome

Uso

Integra fácilmente iconos personalizables en tus conversiones de CFDI a PDF, siguiendo nuestro ejemplo básico para comenzar. Puedes ajustar la apariencia y posición de los iconos según tus necesidades.

body-content-bottom especifica dónde se mostrará el contenido en el PDF. Explora todas las regiones disponibles en Regiones de contenido. 

  <?xml version="1.0" encoding="UTF-8"?>
<rd:redoc xmlns:rd="https://redoc.mx/addenda" xsi:schemaLocation="https://redoc.mx/addenda https://redoc.mx/addenda/v1.0.0/schema.xsd"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.0.0">
  <rd:style>
    <rd:pdf>
      <rd:contents>
        <rd:regions>
          <rd:content id="body-content-bottom">

            <rd:icon name="paperclip" />

          </rd:content>
        </rd:regions>
      </rd:contents>
    </rd:pdf>
  </rd:style>
</rd:redoc>

Propiedades

Ajusta las propiedades de los iconos para una personalización completa. Desde el nombre del icono hasta colores, estilo, y dimensiones, controla cómo y dónde aparecen tus iconos en el PDF.

Propiedad
name

Requerido

Nombre del icono a utilizar de la librería de FontAwesome.
style Estilo del icono de la librería de FontAwesome.

Posibles valores: solid, regular, light, duotone, thin.

color Valor hexadecimal para el color del icono.
secondary-color Para estilos de icono duotone, esta propiedad permite aplicar un color secundario.
width Ancho del icono en píxeles.
height Alto del icono en píxeles.

Avanzado

Maximiza las posibilidades creativas utilizando configuraciones avanzadas para tus iconos. A continuación, te presentamos un ejemplo donde aplicamos todas las propiedades para lograr una integración perfecta de iconos en tu documento.

body-content-bottom especifica dónde se mostrará el contenido en el PDF. Explora todas las regiones disponibles en Regiones de contenido. 

  <?xml version="1.0" encoding="UTF-8"?>
<rd:redoc xmlns:rd="https://redoc.mx/addenda" xsi:schemaLocation="https://redoc.mx/addenda https://redoc.mx/addenda/v1.0.0/schema.xsd"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.0.0">
  <rd:style>
    <rd:pdf>
      <rd:contents>
        <rd:regions>
          <rd:content id="body-content-bottom">

            <rd:icon name="paperclip" style="duotone" color="#4d1d95" secondary-color="#4d1d95" />

          </rd:content>
        </rd:regions>
      </rd:contents>
    </rd:pdf>
  </rd:style>
</rd:redoc>