You are viewing the Spanish (Mexico) site, but your language preference is set to English. Switch to English site →

Menu

Íconos de Flex UI (interfaz de usuario de Flex)

Los siguientes íconos están disponibles para su uso en Flex UI (la interfaz de usuario de Flex). Puedes aprovechar estos íconos al agregar nuevos botones en el encabezado o barra lateral de Flex de la siguiente manera:

import { Icon } from '@twilio/flex-ui';

const Component = (props) => {
  return (
    <Icon icon="Aceptar"/>
  );
}

Crea íconos personalizados

También puedes crear tus propios íconos personalizados con archivos SVG. En primer lugar, crea un módulo personalizado con los SVG que deseas utilizar de la siguiente manera:

export const PayIcon = (props) => {
  return (
    <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
    ...
    </svg>
  );
}

export const PayIconActive = (props) => {
  return (
    <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
    ...
    </svg>
  );
}

A continuación, importa y utiliza el módulo del ícono de la siguiente manera:

import { PayIcon, PayIconActive } from "./PayIcons";

// Use it in a component
<PaymentTab
  key="payment-tab"
  icon={<PayIcon />}
  iconActive={<PayIconActive />}
/>

Íconos predeterminados

Los nombres de los íconos distinguen entre mayúsculas y minúsculas.

Ícono Nombre
IcnAccept
Accept
IcnAcceptLarge
AcceptLarge
IcnAdd
Add
IcnAgent
Agente
IcnAgentBold
AgentBold
IcnAgents
Agents
IcnAgentsBold
AgentsBold
IcnAlert
Alert
IcnArrowDown
ArrowDown
IcnArrowLeft
ArrowLeft
IcnArrowRight
ArrowRight
IcnArrowUp
ArrowUp
IcnBulb
Bulb
IcnBulbBold
BulbBold
IcnCall
Llamada
IcnCallBold
CallBold
IcnClose
Cerrar
IcnCloseLarge
CloseLarge
IcnCogs
Cogs
IcnDashboard
Panel de control
IcnDashboardBold
DashboardBold
IcnData
Datos
IcnDataBold
DataBold
IcnDefaultAvatar
DefaultAvatar
IcnDefaultAvatarBold
DefaultAvatarBold
IcnDirectory
Directory
IcnDirectoryBold
DirectoryBold
IcnEye
Eye
IcnEyeBold
EyeBold
IcnFacebook
Facebook
IcnFacebookBold
FacebookBold
IcnFilter
Filtro
IcnFilterUp
FilterUp
IcnGenericTask
GenericTask
IcnGenericTaskBold
GenericTaskBold
IcnHamburger
Hamburger
IcnHangup
Hangup
IcnHangupBold
HangupBold
IcnHangupLarge
HangupLarge
IcnHelp
Help
IcnHelpBold
HelpBold
IcnHold
En espera
IcnHoldBold
HoldBold
IcnHoldLarge
HoldLarge
IcnHoldLargeBold
HoldLargeBold
IcnIncomingCall
IncomingCall
IcnIncomingCallBold
IncomingCallBold
IcnInfo
Info
IcnInfoBold
InfoBold
IcnLine
Line
IcnLineBold
LineBold
IcnLoading
Loading
IcnLogout
Cerrar sesión
IcnLogoutBold
LogoutBold
IcnMessage
Message
IcnMessageBold
MessageBold
IcnMonitor
Monitor
IcnMonitorOff
MonitorOff
IcnMore
Más
IcnMute
Mute
IcnMuteBold
MuteBold
IcnMuteLarge
MuteLarge
IcnMuteLargeBold
MuteLargeBold
IcnRead
Read
IcnResize
Resize
IcnSendLarge
SendLarge
IcnSettings
Settings
IcnSettingsBold
SettingsBold
IcnSideMenuOff
SideMenuOff
IcnSideMenuOn
SideMenuOn
IcnSms
Sms
IcnSmsBold
SmsBold
IcnSuggested
Suggested
IcnSupervisor
Supervisor
IcnSupervisorBold
SupervisorBold
IcnTasksLarge
TasksLarge
IcnTasksSmall
TasksSmall
IcnThumbdown
Thumbdown
IcnThumbdownBold
ThumbdownBold
IcnThumbup
Thumbup
IcnThumbupBold
ThumbupBold
IcnTwilio
Twilio
IcnVideo
Video
IcnVideoBold
VideoBold
IcnVoice
Voice
IcnVoiceBold
VoiceBold
IcnVolume
Volume
IcnVolumeBold
VolumeBold
IcnWhatsapp
WhatsApp
IcnWhatsappBold
WhatsappBold
Calificar esta página:

¿Necesitas ayuda?

Todos la necesitamos a veces; la programación es difícil. Obtén ayuda ahora de nuestro equipo de soporte, o recurre a la sabiduría de la multitud visitando Stack Overflow Collective de Twilio o navegando por la etiqueta de Twilio en Stack Overflow.

Gracias por tus comentarios.

Selecciona los motivos de tus comentarios. La información adicional que nos brindas nos ayuda a mejorar nuestra documentación:

Enviando tus comentarios…
🎉 Gracias por tus comentarios.
Se produjo un error. Inténtalo de nuevo.

Gracias por tus comentarios.

¡Recomiéndanos y gana USD 10 en 3 pasos sencillos!

Paso 1

Obtén un enlace

Obtén un enlace gratuito de referencia personal aquí

Paso 2

Regala USD 10

Tu usuario se registra y actualiza mediante el enlace

Paso 3

Obtén USD 10

1250 SMS gratuitos
O 1000 minutos gratuitos de voz
O 12 000 chats
O más