Icons List

UI, Twilio Product, and Logo icons that are available in the Paste icon system.

When using any of these icons be sure to follow the usage guidelines carefully and don't forget to read the engineering getting started page to ensure you have the correct dependencies when adding icons to your application.

UI Icons

UI icons are the general collection of icons that can be used in most user interfaces. They are most commonly used in conjunction with performing an interaction.

Show details for:ArrowBack
Show details for:ArrowDown
Show details for:ArrowForward
Show details for:ArrowUp
Show details for:Attach
Show details for:BuiltIn
Show details for:CheckboxCheck
Show details for:CheckboxLine
Show details for:CheckmarkCircle
Show details for:ChevronDisclosureCollapsed
Show details for:ChevronDisclosureExpanded
Show details for:ChevronDisclosure
Show details for:ChevronDoubleLeft
Show details for:ChevronDoubleRight
Show details for:ChevronDown
Show details for:ChevronExpand
Show details for:ChevronLeft
Show details for:ChevronRight
Show details for:ChevronUp
Show details for:Close
Show details for:Copy
Show details for:Custom
Show details for:Delete
Show details for:Download
Show details for:Edit
Show details for:Error
Show details for:Expand
Show details for:FaxCapable
Show details for:Filter
Show details for:Information
Show details for:LinkExternal
Show details for:Loading
Show details for:MMSCapable
Show details for:Minus
Show details for:More
Show details for:Neutral
Show details for:New
Show details for:Pause
Show details for:Pin
Show details for:Play
Show details for:Plus
Show details for:SMSCapable
Show details for:Search
Show details for:Shrink
Show details for:SkipBack
Show details for:SkipForward
Show details for:Success
Show details for:Unpin
Show details for:UploadToCloud
Show details for:User
Show details for:VoiceCapable
Show details for:VolumeOff
Show details for:VolumeOn
Show details for:Warning

Logo Icons

Logo icons represent various Twilio products and brands. When using the Twilio logo please follow the brand guidelines on how to do so.

Show details for:LogoTwilio
Show details for:ProductAPIExplorer
Show details for:ProductAddOns
Show details for:ProductAdminAccessControl
Show details for:ProductAdminAccounts
Show details for:ProductAdminDomains
Show details for:ProductAdminResoldCustomers
Show details for:ProductAdminSSO
Show details for:ProductAdminUsers
Show details for:ProductAssets
Show details for:ProductAuthy
Show details for:ProductAutopilot
Show details for:ProductBilling
Show details for:ProductCLI
Show details for:ProductChannels
Show details for:ProductChat
Show details for:ProductCodeExchangeCommunity
Show details for:ProductCodeExchangePartner
Show details for:ProductConnectedDevices
Show details for:ProductConversations
Show details for:ProductDebugger
Show details for:ProductElasticSIPTrunking
Show details for:ProductEmailAPI
Show details for:ProductFax
Show details for:ProductFlex
Show details for:ProductFrontline
Show details for:ProductFunctions
Show details for:ProductInsights
Show details for:ProductInterconnect
Show details for:ProductInternetOfThings
Show details for:ProductKeys
Show details for:ProductLogs
Show details for:ProductLookup
Show details for:ProductMarketingCampaigns
Show details for:ProductMessaging
Show details for:ProductNotify
Show details for:ProductPhoneNumbers
Show details for:ProductProxy
Show details for:ProductRegional
Show details for:ProductSDK
Show details for:ProductSettings
Show details for:ProductStudio
Show details for:ProductSupport
Show details for:ProductSync
Show details for:ProductTaskRouter
Show details for:ProductTrustHub
Show details for:ProductTwiMLBins
Show details for:ProductTwilioOrg
Show details for:ProductUsage
Show details for:ProductVerify
Show details for:ProductVideo
Show details for:ProductVoice

ArrowBack

Install using React

import { ArrowBackIcon } from "@twilio-paste/icons/esm/ArrowBackIcon";
const ComponentName = () => (
<ArrowBackIcon decorative={false} title="Description of icon" />
)

Be sure to read the engineering getting started page to ensure you have the correct dependencies.

Support

If you need support, please open a new issue in our GitHub repository. Please try to provide as much detail as possible in your issue.

Contributing

The Paste design system is open source and contributions are welcome. Check out the project on GitHub to learn more about contributing.

Copyright © 2020 Twilio, Inc.