This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.

Design elements - Android buttons

The vector stencils library "Android buttons" contains 36 button icons: floating action button, flat button, raised button, spinner button, pulldown button, dropdown menu item, segmented pulldown button, vertical divider, desktop dropdown.
Use it to design user interface of your Android application.
The shapes example "Design elements - Android buttons" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park. Read more
Button icons
Button icons, vertical divider, spinner, pulldown button, spinner, desktop dropdown button, raised button, pulldown button, spinner, pulldown button item, pulldown button, mini floating action button, floating action button, flat button, dropdown menu, add icon, 1px lines,
The vector stencils library "Toolbar control elements" contains 42 toolbar graphical control elements.
Use this tool bar control element UI icon set to design graphic user interface (GUI) of your software application for OS X 10.10 Yosemite Apple Mac operating system.
The example "Toolbar control elements - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Mac OS User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
Drop-down button
Drop-down button, tool bar drop-down button,
Drop-down button - ON press left
Drop-down button - ON press left, tool bar drop-down button,
Drop-down button - ON press right
Drop-down button - ON press right, tool bar drop-down button,
Tool bar button
Tool bar button, tool bar button,
Tool bar button - ON press
Tool bar button - ON press, tool bar button,
Tool bar button - selected
Tool bar button - selected, tool bar button,
Left segment
Left segment, segmented button control,
Left segment - ON press
Left segment - ON press, segmented button control,
Left segment - selected
Left segment - selected, segmented button control,
Middle segment
Middle segment, segmented button control,
Middle segment - ON press
Middle segment - ON press, segmented button control,
Middle segment - selected
Middle segment - selected, segmented button control,
Right segment
Right segment, segmented button control,
Right segment - ON press
Right segment - ON press, segmented button control,
Right segment - selected
Right segment - selected, segmented button control,
Segmented control - 2 buttons
Segmented control - 2 buttons, segmented control, segmented button control,
Segmented control - 3 buttons
Segmented control - 3 buttons, segmented control, segmented button control,
Segmented control - 4 buttons
Segmented control - 4 buttons, segmented control, segmented button control,
Small button toggle
Small button toggle, small button toggle,
Back - Forward button
Back - Forward button, button 4  drop down, back forward button,
List/Icons view control
List/Icons view control, list-icons view,
Arrange button
Arrange button, shape, arrange button, gradient button,
Action menu
Action menu, shape, settings, action menu button,
Downloads button
Downloads button, downloads button, gradient button,
Copy button
Copy button, copy button, gradient button,
Share button
Share button, share button, gradient button,
Edit tags button
Edit tags button, edit tags button, gradient button,
Sidebar button
Sidebar button, sidebar button, gradient button, shape,
Slider element
Slider element, slider element,
Tool bar button 2
Tool bar button 2, tool bar button,
Tool bar button 2 - ON press
Tool bar button 2 - ON press, tool bar button,
Tool bar button 2 - selected
Tool bar button 2 - selected, tool bar button,
Search field
Search field, search field,
Search field - active
Search field - active, search field,
"Stoplights" control
Close button
Close button, action button,
Minimize button
Minimize button, action button,
Maximize button
Maximize button, action button,
Close button - hover
Close button - hover, action button,
Minimize button - hover
Minimize button - hover, action button,
Maximize button - hover
Maximize button - hover, action button,
Action button - inactive
Action button - inactive, action button,
The vector stencils library "Toolbar and Navigation Bar Buttons" contains 18 iOS apps GUI view elements - toolbar and navigation bar buttons: action, camera, compose, bookmarks, search, add, trash, organize, reply, refresh, play, fast forward, pause, rewind, backward, forward, albums, photos.
Use the library "Toolbar and Navigation Bar Buttons" to draw toolbar and navigation bar elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI view elements sample "Design elements - Toolbar and Navigation Bar Buttons" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
iOS GUI views - Toolbar and Navigation Bar Buttons
iOS GUI views - Toolbar and Navigation Bar Buttons, trash icon, search icon, rewind icon, reply icon, refresh icon, play icon, photos icon, pause icon, organize icon, forward icon, fast forward icon, compose icon, camera icon, bookmarks icon, backward icon, albums icon, add icon, action icon,
The vector stencils library "Android system icons - toggle" contains 7 toggle pictograms: check boxes, radio buttons, stars.
Use this icon set to design user interface of your Android application.
The icons example "Design elements - Android system icons (toggle)" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park. Read more
Toggle system icons
Toggle system icons, star outline icon, star icon, star half icon, radio button on icon, radio button off icon, check box outline blank icon, check box icon,
The vector stencils library "Messages" contains 10 Message dialog elements.
Use this notification dialog UI icon set to design graphic user interface (GUI) of your Windows 8 software application.
"A message dialog is an overlay UI element that provides a stable and contextual surface that is always modal and explicitly dismissed. Message dialogs appear at a consistent location on the screen. ...
Error messages that apply to the overall app context use message dialogs. ...
- Use message dialogs to convey urgent information that the user must see and acknowledge before continuing. ...
- Use message dialogs to present blocking questions that require the user's input. A blocking question is a question where the application cannot make a choice on the user's behalf, and cannot continue to fulfill it's value proposition to the user. A blocking question should present clear choices to the user. It is not a question that can be ignored or postponed.
- Use message dialogs to ask for explicit action from the user or to deliver a message that is important for the user to acknowledge. ...
- Use custom dialogs when the app or the system must invest a significant amount of time in the ensuing actions such that an accidental dismiss would be detrimental to the user's confidence.
- All dialogs should clearly identify the user's objective in the first line of the dialog's text (with or without a title).
- Don't use message dialogs when the app needs to confirm the user's intention for an action that the user has taken. Instead, a flyout is the appropriate surface. ...
- Don't use message dialogs for errors that are contextual to a specific place on the page, such as validation errors (in password fields, for example), use the app's canvas itself to show inline errors." [msdn.microsoft.com/en-us/library/windows/apps/hh738363.aspx]
The notification dialogs example "Messages - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Windows 8 User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
Error message
Error message, normal text, main instructions, icon overlay, error message, default command button, command area, close window button,
Error message - two commit buttons
Error message - two commit buttons, standard command button, normal text, icon overlay, error message, default command button, command area, close window button,
Warning message
Warning message, warning message, normal text, main instructions, icon overlay, default command button, command area, close window button,
Warning message 2
Warning message 2, warning message, normal text, icon overlay, default command button, command area, close window button,
Warning message 3
Warning message 3, warning message, standard command button, normal text, icon overlay, default command button, close window button,
Warning message - two commit buttons
Warning message - two commit buttons, warning message, confirmation, standard command button, normal text, main instructions, icon overlay, default command button, command area, close window button,
Warning message - three commit buttons
Warning message - three commit buttons, warning message, standard command button, normal text, icon overlay, default command button, command area, close window button,
Typical confirmation
Typical confirmation, typical confirmation, standard command button, normal text, default command button, command area, close window button,
Annoying confirmation
Annoying confirmation, standard command button, normal text, icon overlay, default command button, command area, close window button, annoying confirmation,
Notification
Notification, options button, notification, info icon, close button,
The vector stencils library "Window elements" contains 24 window elements: frames, boxes and buttons.
Use it to design graphic user interface (GUI) of your Windows 8 software application.
"A window is a graphical control element. It consists of a visual area containing some of the graphical user interface of the program it belongs to and is framed by a window decoration. It usually has a rectangular shape that can overlap with the area of other windows. It displays the output of and may allow input to one or more processes.
Windows are primarily associated with graphical displays, where they can be manipulated with a pointer by employing some kind of pointing device.
A graphical user interface (GUI) using windows as one of its main "metaphors" is called a windowing system, whose main components are the display server and the window manager." [Window (computing). Wikipedia]
The design elements example "Window elements - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Windows 8 User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
Window frame
Window frame, window frame, minimize window button, maximize window button, close window button,
Dialog box
Dialog box, dialog box, window, close window button,
Window with command area
Window with command area, window, command area, command area, close window button,
Command area
Command area, command area,
Close window button
Close window button, close window button,
Minimize window button
Minimize window button, minimize window button,
Restore window button
Restore window button, restore window button,
Maximize window button
Maximize window button, maximize window button,
Minimize window button - hover
Minimize window button - hover, minimize window button,
Restore window button - hover
Restore window button - hover, restore window button,
Maximize window button - hover
Maximize window button - hover, maximize window button,
Window resize handle
Window resize handle, window resize handle,
Vertical separator
Vertical separator, separator,
Horizontal separator
Horizontal separator, separator,
Back button
Back button, back button,
Forward button
Forward button, forward button,
Forward
Forward, forward,
Back
Back, back,
Warning icon
Warning icon, warning standard icon,
Error icon
Error icon, error standard icon,
Information icon
Information icon, information standard icon,
Question mark icon
Question mark icon, question mark standard icon,
Refresh icon
Refresh icon, refresh icon,
Up control
Up control, up control,
This vector stencils library contains 184 round icons.
Use it to design cloud computing infographics and diagrams with ConceptDraw PRO software.
"Though service-oriented architecture advocates "everything as a service" (with the acronyms EaaS or XaaS or simply aas), cloud-computing providers offer their "services" according to different models, which happen to form a stack: infrastructure-, platform- and software-as-a-service.
Infrastructure as a service (IaaS)
In the most basic cloud-service model ... providers of IaaS offer computers — physical or (more often) virtual machines — and other resources. IaaS refers to online services that abstract the user from the details of infrastructure like physical computing resources, location, data partitioning, scaling, security, backup etc.
Platform as a service (PaaS)
PaaS vendors offer a development environment to application developers. The provider typically develops toolkit and standards for development and channels for distribution and payment. In the PaaS models, cloud providers deliver a computing platform, typically including operating system, programming-language execution environment, database, and web server. Application developers can develop and run their software solutions on a cloud platform without the cost and complexity of buying and managing the underlying hardware and software layers.
Software as a service (SaaS)
In the software as a service (SaaS) model, users gain access to application software and databases. Cloud providers manage the infrastructure and platforms that run the applications. SaaS is sometimes referred to as "on-demand software" and is usually priced on a pay-per-use basis or using a subscription fee.
In the SaaS model, cloud providers install and operate application software in the cloud and cloud users access the software from cloud clients. Cloud users do not manage the cloud infrastructure and platform where the application runs. This eliminates the need to install and run the application on the cloud user's own computers, which simplifies maintenance and support. Cloud applications differ from other applications in their scalability — which can be achieved by cloning tasks onto multiple virtual machines at run-time to meet changing work demand." [Cloud computing. Wikipedia]
The vector stencils library "Cloud round icons" is included in the Cloud Computing Diagrams solution from the Computer and Networks area of ConceptDraw Solution Park. Read more
Add
Add, add,
Analysis
Analysis, analysis,
API
API, API,
App
App, App,
Archive
Archive, archive,
Back
Back, back,
Backup
Backup, backup,
Book
Book, book,
Books
Books, books,
Box
Box, box,
Bug
Bug, bug,
Calculation
Calculation, calculation,
Calendar
Calendar, calendar,
Call
Call, call,
Car
Car, car,
CD
CD, CD,
Certificate
Certificate, certificate,
Cloud alert
Cloud alert, cloud alert,
Cloud analysis
Cloud analysis, cloud analysis,
Cloud authorization
Cloud authorization, cloud authorization,
Cloud collaboration
Cloud collaboration, cloud collaboration,
Cloud communications
Cloud communications, cloud communications,
Cloud computing
Cloud computing, cloud computing,
Cloud configuration
Cloud configuration, cloud configuration,
Cloud connectivity
Cloud connectivity, cloud connectivity,
Cloud control
Cloud control, cloud control,
Cloud cost calculation
Cloud cost calculation, cloud cost calculation,
Cloud database
Cloud database, cloud database,
Cloud download
Cloud download, cloud download,
Cloud drive
Cloud drive, cloud drive,
Cloud error
Cloud error, cloud error,
Cloud failure
Cloud failure, cloud failure,
Cloud FAQ
Cloud FAQ, cloud FAQ,
Cloud feedback
Cloud feedback, сloud feedback,
Cloud files
Cloud files, cloud files,
Cloud gateway
Cloud gateway, cloud gateway,
Cloud hosting
Cloud hosting, cloud hosting,
Cloud info
Cloud info, cloud info,
Cloud Internet storage
Cloud Internet storage, cloud Internet storage,
Cloud lock
Cloud lock, cloud lock,
Cloud locked
Cloud locked, cloud locked,
Cloud mail
Cloud mail, cloud mail,
Cloud music
Cloud music, cloud music,
Cloud paperless office
Cloud paperless office, cloud paperless office,
Cloud performance
Cloud performance, cloud performance,
Cloud photo
Cloud photo, сloud photo,
Cloud safe
Cloud safe, сloud safe,
Cloud search
Cloud search, сloud search,
Cloud security
Cloud security, cloud security,
Cloud servers
Cloud servers, cloud servers,
Cloud services
Cloud services, cloud services,
Cloud shopping
Cloud shopping, cloud shopping,
Cloud success
Cloud success, cloud success,
Cloud synchronization
Cloud synchronization, cloud synchronization,
Cloud tech support
Cloud tech support, cloud tech support,
Cloud transfer
Cloud transfer, cloud transfer,
Cloud unlocked
Cloud unlocked, cloud unlocked,
Cloud upload
Cloud upload, cloud upload,
Cloud video
Cloud video, cloud video,
Code
Code, code,
Collaboration
Collaboration, collaboration,
Communication
Communication, communication,
Community cloud
Community cloud, community cloud,
Contact list
Contact list, contact list,
Content
Content, content,
CPU
CPU, CPU,
Database
Database, database,
Datacenter
Datacenter, datacenter,
Data storage
Data storage, data storage,
Desktop
Desktop, desktop,
Display
Display, display,
Document
Document, document,
Documents
Documents, documents,
Dollar
Dollar, drawing shapes, dollar,
Done
Done, done,
Down
Down, drawing shapes, down,
Download
Download, download,
E-commerce
E-commerce, E-commerce,
Earth
Earth, earth,
Email
Email, email,
Encryption
Encryption, encryption,
Error
Error, error,
Ethernet
Ethernet, ethernet,
Euro
Euro, euro, drawing shapes,
Failure
Failure, failure,
Feed
Feed, feed,
File
File, file,
Files
Files, files,
Filter
Filter, filter,
Firewall
Firewall, firewall,
Flash drive
Flash drive, flash drive,
Folder
Folder, folder,
Forward
Forward, forward, drawing shapes,
Hard drive
Hard drive, hard drive, drawing shapes,
Hardware
Hardware, hardware, drawing shapes,
Health
Health, health, drawing shapes,
Health monitoring
Health monitoring, health monitoring, drawing shapes,
Home
Home, home, drawing shapes,
Hosting
Hosting, hosting,
Image
Image, image,
Info
Info, info,
Innovation
Innovation, innovation,
Key
Key, key,
Keyboard
Keyboard, keyboard,
Laptop
Laptop, laptop,
Letter
Letter, letter, drawing shapes,
Lightning
Lightning, lightning, drawing shapes,
Link
Link, link, drawing shapes,
List
List, list, drawing shapes,
Location
Location, location, drawing shapes,
Lock
Lock, lock, drawing shapes,
Log
Log, log, drawing shapes,
Login
Login, login,
Logout
Logout, logout,
Mail
Mail, mail, drawing shapes,
Mail list
Mail list, mail list, drawing shapes,
Marketplace
Marketplace, marketplace, drawing shapes,
Memory (RAM)
Memory (RAM), memory, RAM, drawing shapes,
Message
Message, message, drawing shapes,
Minus
Minus, minus, drawing shapes,
Mobile
Mobile, mobile, drawing shapes,
Mobile cloud computing
Mobile cloud computing, mobile cloud computing, drawing shapes,
Mouse
Mouse, mouse, drawing shapes,
Music player
Music player, music player, drawing shapes,
Network
Network, network, drawing shapes,
Notebook
Notebook, notebook, drawing shapes,
Notification
Notification, notification, drawing shapes,
Package
Package, package, drawing shapes,
Patch
Patch, patch, drawing shapes,
Performance
Performance, performance, drawing shapes,
Personal cloud
Personal cloud, personal cloud,
Phone book
Phone book, phone book, drawing shapes,
Photo
Photo, photo, drawing shapes,
Plug
Plug, plug, drawing shapes,
Pound
Pound, pound, drawing shapes,
Power
Power, power, drawing shapes,
Power button
Power button, power button, drawing shapes,
Process
Process, process, drawing shapes,
Processing
Processing, processing, drawing shapes,
Puzzles
Puzzles, puzzles, drawing shapes,
Question sign
Question sign, question sign, drawing shapes,
Recovery
Recovery, recovery, drawing shapes,
Remote
Remote, remote, drawing shapes,
Repair
Repair, repair, drawing shapes,
Restore
Restore, restore, drawing shapes,
Rocket (Logic app)
Rocket (Logic app), rocket, logic app, drawing shapes,
Router
Router, router, drawing shapes,
Safety
Safety, safety, drawing shapes,
Schedule
Schedule, schedule,
Script
Script, script, drawing shapes,
SDK
SDK, drawing shapes, SDK,
Search (Scan)
Search (Scan), search, scan, drawing shapes,
Security
Security, security, drawing shapes,
Server
Server, server, drawing shapes,
Server rack
Server rack, server rack, drawing shapes,
Services
Services, services,
Sharing
Sharing, sharing, drawing shapes,
Shopping basket
Shopping basket, shopping basket, drawing shapes,
Sign in
Sign in, sign in, drawing shapes,
Smartphone
Smartphone, smartphone, drawing shapes,
Song
Song, song, drawing shapes,
Sound
Sound, sound, drawing shapes,
Stethoscope
Stethoscope, stethoscope, drawing shapes,
Stickman
Stickman, stickman, drawing shapes,
Subscription
Subscription, subscription, drawing shapes,
Sync
Sync, sync, drawing shapes,
Tablet
Tablet, tablet, drawing shapes,
Tech support
Tech support, tech support, drawing shapes,
Time
Time, time, drawing shapes,
Top rated
Top rated, top rated, drawing shapes,
Transfer
Transfer, transfer, drawing shapes,
Unlink
Unlink, unlink, drawing shapes,
Unlock
Unlock, unlock, drawing shapes,
Up
Up, up, drawing shapes,
Upload
Upload, upload,
User
User, user, drawing shapes,
Video mail
Video mail, video mail, drawing shapes,
View (visual)
View (visual), view, visual, drawing shapes,
Virus protection
Virus protection, virus protection, drawing shapes,
Waste bin
Waste bin, waste bin, drawing shapes,
Web
Web, web, drawing shapes,
Wifi
Wifi, wifi, drawing shapes,
Wireless
Wireless, wireless, drawing shapes,
Yen sign
Yen sign, yen sign, drawing shapes,
The vector stencils library "iMessage" contains 8 iMessage GUI elements: keyboards, buttons, microphone icon, message boxes.
Use the library "iMessage" to draw iMessage keyboard, message box and buttons for design of iPhone user interface sketches, mockups and prototypes.
The iOS GUI elements sample "Design elements - iMessage" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
iOS GUI: iMessage
iOS GUI: iMessage, text cursor, microphone icon, message box, keyboard button, iPhone keyboard,
The vector stencils library "macOS Toolbar Standalone Icons" contains 21 freestanding icons.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
"macOS supports two styles of toolbar items: toolbar controls and freestanding icons that behave as buttons. ... Freestanding icons are occasionally used in the toolbar of a main or document window... Freestanding icons tend to be more common in the toolbars of preferences windows, where they are often used as pane switchers." [developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/ToolbarIcons.html]
The freestanding icons example "Design elements - macOS Toolbar Standalone Icons" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
UI elements
UI elements, user icon, user group icon, user accounts icon, store icon, standalone icon, smart folder icon, sharing icon, standalone icon, playback icon, standalone icon, parental icon, restrictions icon, standalone icon, network icon, internet icon, information icon, general icon, standalone icon, fonts icon, fonts panel icon, drawing shapes, devices icon, standalone icon, computer running, mac computer, macbook, colors icon, standalone icon, color panel icon, burnable folder icon, all users icon, alerts icon, standalone icon, advanced icon, standalone icon, accounts icon, standalone icon, Bonjour icon, standalone icon,