Products Solutions Samples Buy
✕
This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
Try ConceptDraw Free
The vector stencils library "Computer network" contains 51 symbols of computer network devices and equipment for drawing computer network diagrams.
"Network Mapping Software.
A number of software tools exist to design computer network diagrams / or generate visual maps of networks, servers, storage, services, data centers, and other peripherals. Broadly, there are two types of software tools - those that help create diagrams manually and those that generate them using automated / semi-automated approaches.
Type of Software.
(1) Manual - allows users to design and draw logical and physical topology diagrams by manually placing icons and connections.
(2) Automated - generate topology diagrams / maps by traversing the network and automatically discovering resident devices or by importing network data." [Comparison of network diagram software. Wikipedia]
ConceptDraw PRO is the software for manual design of computer network diagrams. The solutions of the Computer and Networks area in ConceptDraw Solution Park extend ConceptDraw PRO with vector stencils libraries, templates and examples for creating the computer network diagrams.
The symbols example "Computer network - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Computer and Networks solution from the Computer and Networks area of ConceptDraw Solution Park.
www.conceptdraw.com/ solution-park/ computer-and-networks
Laptop
Laptop, laptop computer,
Desktop computer
Desktop computer, desktop PC,
Firewall
Firewall, firewall,
Bus
Bus, bus,
Ethernet
Ethernet, Ethernet,
Star network
Star network, star,
FDDI Ring
FDDI Ring, FDDI ring,
Token-ring
Token-ring, Token-ring,
Comm-link
Comm-link, Comm-link,
Modem
Modem, modem,
Laser printer
Laser printer, laser printer,
Inkjet printer
Inkjet printer, inkjet printer,
Image scanner
Image scanner, scanner,
City
City, city,
Ethernet hub
Ethernet hub, hub,
Wireless router
Wireless router, wireless router,
Network switch
Network switch, switch,
iPod Classic
iPod Classic, iPod Classic,
iPhone/ iPod Touch
iPhone/ iPod Touch, iPhone, iPod Touch,
Xserve RAID
Xserve RAID, Xserve RAID,
XServe
XServe, XServe,
Apple Thunderbolt Display
Apple Thunderbolt Display, Apple display,
Data store
Data store, data,
Mac Pro
Mac Pro, Mac Pro,
iMac
iMac, iMac desktop,
RAID
RAID, RAID drive,
Mainframe
Mainframe, mainframe,
Rack-mountable server
Rack-mountable server, server,
Server
Server, server,
PDA
PDA, PDA,
Cloud
Cloud, cloud,
Computer monitor
Computer monitor, monitor,
Workstation
Workstation, workstation,
Router
Router, router,
IP Phone
IP Phone, IP phone,
Fax
Fax, fax,
Mobile phone
Mobile phone, cell phone,
Smartphone
Smartphone, smartphone,
Compact Disk
Compact Disk, compact disk,
Mouse
Mouse, mouse,
Apple Wireless Mouse
Apple Wireless Mouse, Apple wireless mouse,
Computer keyboard
Computer keyboard, keyboard,
Apple Keyboard
Apple Keyboard, Apple keyboard,
Radio tower
Radio tower, radio tower,
Satellite dish
Satellite dish, satellite dish,
Satellite
Satellite, satellite,
Webcam
Webcam, webcam,
AirPort Extreme
AirPort Extreme, AirPort Extreme,
Airport Express
Airport Express, Airport Express,
MacBook
MacBook, MacBook,
iPhone 4
iPhone 4, iPhone 4,
Used Solutions
The vector stencils library "iPhone interface" contains 119 iPhone UI design elements.
Use it for development of graphic user interface (GUI) for iPhone software applications in the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone case
iPhone case, iPhone case,
iPhone case, horizontal
iPhone case, horizontal, iPhone case,
Display
Display, display,
Screen
Screen, screen,
Home screen
Home screen, home screen,
Keypad control
Keypad control, keypad, keypad control,
Status bar
Status bar, status bar,
Navigation bar
Navigation bar, navigation bar,
Navigation bar with buttons
Navigation bar with buttons, navigation bar,
Navigation bar with controls
Navigation bar with controls, navigation bar,
Navigation bar with controls
Navigation bar with controls, navigation bar,
Navigation bar with buttons, horizontal
Navigation bar with buttons, horizontal, navigation bar,
Navigation bar with controls, horizontal
Navigation bar with controls, horizontal, navigation bar,
Modal view
Modal view, modal view,
Search bar
Search bar, search bar,
Text field 1
Text field 1, text field,
Text field 2
Text field 2, text field,
Text field, varying
Text field, varying, text field,
Table row
Table row, table view row,
Table view row
Table view row, table view row,
Table view (simple list)
Table view (simple list), table view, list,
Table view (with header)
Table view (with header), table view with header, indexed list,
Action list
Action list, action list, grouped list, table,
Control button
Control button, control button,
Navigational control button
Navigational control button, navigational control button,
Add button
Add button, add button, plus button,
Navigation toolbar
Navigation toolbar, navigation toolbar, toolbar,
Tab bar
Tab bar, tab bar,
Action sheet
Action sheet, action sheet,
Choice button
Choice button, choice button,
Rounded rectangle button
Rounded rectangle button, rounded rectangle button,
Keyboard control
Keyboard control, keyboard,
Keyboard literal button
Keyboard literal button, keyboard literal button,
Keyboard button, pressed
Keyboard button, pressed, keyboard button pressed,
Keyboard label button
Keyboard label button, keyboard label button,
Selection frame 1
Selection frame 1, selection frame,
Selection frame 2
Selection frame 2, selection frame,
Loupe
Loupe, loupe,
Message box 1
Message box 1, message box,
Message box 2
Message box 2, message box,
Progress view
Progress view, progress view,
Progress view
Progress view, progress view,
Progress view
Progress view, progress view,
Player control
Player control, player,
Label button
Label button, label button,
Back button
Back button, back button,
Forward button
Forward button, forward button,
Option button
Option button, option button,
Checkbox
Checkbox, checkbox,
Radio button
Radio button, radio button,
Alert
Alert, alert,
Two-button alert
Two-button alert, alert,
Two-button alert (v 3.0)
Two-button alert (v 3.0), alert,
Up-Down control
Up-Down control, up-down, stepper,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Pop-up menu button
Pop-up menu button, pop-up menu button,
Popup menu
Popup menu, pop-up menu, segmented control,
Clock, white
Clock, white, clock,
Clock, black
Clock, black, clock,
Clock application table
Clock application table,
Date and time picker (1/2 parts)
Date and time picker (1/2 parts), date and time picker,
Date and time picker (3 parts)
Date and time picker (3 parts), date and time picker,
Date and time picker (4 parts)
Date and time picker (4 parts), date and time picker,
Date and time picker (v 3.0)
Date and time picker (v 3.0), date and time picker,
Switch control
Switch control, switch,
System button
System button, system button,
Reply button
Reply button, reply button,
Organize button
Organize button, organize,
Remove button
Remove button, remove,
Refresh button
Refresh button, refresh,
Play button
Play button, play,
FastForward button
FastForward button, fastforward,
Pause button
Pause button, pause,
Rewind button
Rewind button, rewind,
Backward icon
Backward icon, backward,
Forward icon
Forward icon, forward,
Share button
Share button, share,
Camera button
Camera button, camera,
Compose button
Compose button, compose,
Bookmarks button
Bookmarks button, bookmarks,
Search button
Search button, search,
Add button
Add button, add,
Trash button
Trash button, trash,
Bookmarks tab icon
Bookmarks tab icon, bookmarks tab icon,
Contacts tab icon
Contacts tab icon, contacts tab icon,
Downloads tab icon
Downloads tab icon, downloads tab icon,
Favorites tab icon
Favorites tab icon, favorites tab icon, featured, top rated ,
Featured tab icon
Featured tab icon, featured tab icon,
History tab icon
History tab icon, history tab icon,
MostRecent tab icon
MostRecent tab icon, most recent tab icon,
MostViewed tab icon
MostViewed tab icon, most viewed tab icon,
Search tab icon
Search tab icon, search tab icon,
More tab icon
More tab icon, more tab icon,
SMS tab icon
SMS tab icon, sms tab icon,
Mail tab icon
Mail tab icon, mail tab icon,
Charts tab icon
Charts tab icon, charts tab icon,
World clock tab icon
World clock tab icon, world clock tab icon,
Alarm tab icon
Alarm tab icon, alarm tab icon,
Stopwatch tab icon
Stopwatch tab icon, stopwatch tab icon,
Timer tab icon
Timer tab icon, timer tab icon,
Badge
Badge, badge,
Delete button control
Delete button control , delete,
Checkmark
Checkmark, checkmark badge,
Delete button
Delete button, delete button,
Insert
Insert, row insert, plus, add,
Disclosure indicator
Disclosure indicator, disclosure indicator,
Clear button
Clear button, clear, delete badge,
Bookmarks badge
Bookmarks badge, bookmarks,
Badge with varying width 1
Badge with varying width 1, badge,
Badge with varying width 2
Badge with varying width 2, badge,
Badge with varying width 3
Badge with varying width 3,
Activity indicator
Activity indicator, activity indicator,
Network activity indicator
Network activity indicator, network activity indicator,
Page control
Page control, page control, page indicator,
Search badge
Search badge, search,
Slider
Slider, slider,
Used Solutions
The vector stencils library "Status indicators" contains 41 visual status indicators. Each status indicator can visualize one of 2-6 information states and have a caption.
Use it to create your business performance dashboards in the ConceptDraw PRO diagramming and vector drawing software extended with the Status Dashboard solution from the area "What is a Dashboard" of ConceptDraw Solution Park.
2-State Alert, Red
2-State Alert, Red, 2-state alert,
2-State Alert, Yellow
2-State Alert, Yellow, 2-state alert,
2-State Alert, Green
2-State Alert, Green, 2-state alert,
2-State Alert, Blue
2-State Alert, Blue, 2-state alert,
3-State Alert 1
3-State Alert 1, 3-state alert,
3-State Alert 2
3-State Alert 2, 3-state alert,
4-State Alert 1
4-State Alert 1, 4-state alert,
4-State Alert 2
4-State Alert 2, 4-state alert,
5-State Alert 1
5-State Alert 1, 5-state alert,
5-State Alert 2
5-State Alert 2, 5-state alert,
Forth-Back 1
Forth-Back 1, direction alert indicator,
Forth-Back 2
Forth-Back 2, direction alert indicator,
Back-Forth 1
Back-Forth 1, direction alert indicator,
Back-Forth 2
Back-Forth 2, direction alert indicator,
Up-Down 1
Up-Down 1, direction alert indicator,
Up-Down 2
Up-Down 2, direction alert indicator,
Down-Up 1
Down-Up 1, direction alert indicator,
Down-Up 2
Down-Up 2, direction alert indicator,
Arrows Up-Down 1
Arrows Up-Down 1, direction alert indicator,
Arrows Up-Down 2
Arrows Up-Down 2, direction alert indicator,
Arrows Down-Up 1
Arrows Down-Up 1, direction alert indicator,
Arrows Down-Up 2
Arrows Down-Up 2, direction alert indicator,
Traffic Light Vertical 1
Traffic Light Vertical 1, traffic light,
Traffic Light Vertical 2
Traffic Light Vertical 2, traffic light,
Traffic Light Horizontal 1
Traffic Light Horizontal 1, traffic light,
Traffic Light Horizontal 2
Traffic Light Horizontal 2, traffic light,
Progress Lights, Green
Progress Lights, Green, progress indicator,
Progress Lights, Yellow
Progress Lights, Yellow, progress indicator,
Progress Lights, Red
Progress Lights, Red, progress indicator,
5-Stars Rating
5-Stars Rating, rating indicator, stars,
Progress Bar, Blue
Progress Bar, Blue, progress indicator, progress bar,
Progress Bar, Green
Progress Bar, Green, progress indicator, progress bar,
Progress Bar, Yellow
Progress Bar, Yellow, progress indicator, progress bar,
Progress Bar, Red
Progress Bar, Red, progress indicator, progress bar,
Access
Access, access indicator, alert indicator,
Quality
Quality, quality indicator, alert indicator,
Switch
Switch, switch indicator, alert indicator,
Speed
Speed, speed indicator,
Light Emitting
Light Emitting, light emitting indicator,
Shapes Alert 1
Shapes Alert 1, shapes alert indicator,
Shapes Alert 2
Shapes Alert 2, shapes alert indicator,
Used Solutions
This UI design example shows common icons of Android applications on the App Drawer screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - App drawer" 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.
App Drawer UI
App Drawer UI, vibration icon, status bar, signal wifi 4 bar icon, signal cellular 3 bar icon, page control, navigation bar, file upload icon, dimmed background, cards, bluetooth icon, battery 80 icon, app icon text label, Settings Google icon, Nexus 6, Maps icon, Keep icon, Hangouts icon, Google plus icon, Google icon , Gmail icon, Fit icon, Email icon, Earth icon, Drive icon, Downloads icon, Docs icon, Contacts icon, Clock icon, Chrome icon, Camera icon, Calendar icon, Calculator icon, Browser icon, Android wallpapers,
Used Solutions
The vector stencils library "Android UI" contains 28 UI elements: screen, status bar, app bar, divider, navigation bar, page control, tab, search bar, flexible space, keyboard, cursor tooltip, touch UI tooltip, index scroller, Google Nexus 6 smartphone, Google Nexus 9 tablet.
Use it to design user interface of your Android 5 application.
The shapes example "Design elements - Android UI" 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.
User interface elements
User interface elements, ui element shadow, touch ui tooltip, tab bar, search bar, status bar, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, scrollbar, screen, page control, navigation bar, app bar, navigation bar, menu icon, keyboard, index scroller, scrollbar, index scroller notification, flexible space, divider, cursor tooltip, keyboard tooltip, battery, backspace, app bar, Nexus 9, Nexus 6,
Used Solutions
This example shows iPhone 6 Notification Center screen.
"Notification Center is a feature in iOS and OS X that provides an overview of alerts from applications. It displays notifications until the user completes an associated action, rather than requiring instant resolution. Users may choose what applications appear in Notification Center, and how they are handled. Initially released with iOS 5 in October 2011... Notification Center was released in iOS 5 to replace the previous system for dealing with push and local notifications. Instead of interrupting the user with an alert, Notification Center instead displays a banner at the top of the screen. This allows the user to continue using their device, and disappears after a set period of time. All previous notifications are collated into the Notification Center panel, which can be displayed in iOS by dragging down from the status bar... Notification Center on iPhone and iPod Touch also includes Weather and Stocks widgets, displaying information on the weather at the user's current location, and any stocks that the user has selected in the Stocks application." [Notification Center. Wikipedia]
The sample "Notification Center" 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.
iPhone screen - Notification Center
iPhone screen - Notification Center, wifi icon, table view cell, table view, switch on, switch off, status bar, navigation bar, menu bar, label, iPhone 6, button text label, bluetooth icon, back button,
Used Solutions
"The iPhone ... is a line of smartphones designed and marketed by Apple Inc. It runs Apple's iOS mobile operating system. ...
The interface is based around the home screen, a graphical list of available applications. iPhone applications normally run one at a time. Starting with the iPhone 4, a primitive version of multitasking came into play. Users could double click the home button to select recently opened. However, the apps never ran in the background. Starting with iOS 7, though, apps can truly multitask, and each open application runs in the background when not in use, although most functionality is still available when making a call or listening to music. The home screen can be accessed at any time by a hardware button below the screen, closing the open application in the process.
By default, the Home screen contains the following icons: Messages (SMS and MMS messaging), Calendar, Photos, Camera, YouTube, Stocks, Maps (Google Maps), Weather, Voice Memos, Notes, Clock, Calculator, Settings, iTunes (store), App Store, (on the iPhone 3GS and iPhone 4) Compass, FaceTime and GameCenter were added in iOS 4.0 and 4.1 respectively. In iOS 5, Reminders and Newsstand were added, as well as the iPod application split into separate Music and Videos applications. iOS 6 added Passbook as well as an updated version of Maps that relies on data provided by TomTom as well as other sources. iOS 6 also added a Clock application onto the iPad's homescreen. However, it also no longer support YouTube. Docked at the base of the screen, four icons for Phone, Mail, Safari (Internet), and Music delineate the iPhone's main purposes." [iPhone. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - SMS application" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI
iPhone GUI, status bar, screen, navigation bar, controls, modal view, message box, keyboard control, iPhone,
Used Solutions
"Smaller mobile devices such as PDAs and smartphones typically use the WIMP elements with different unifying metaphors, due to constraints in space and available input devices. Applications for which WIMP is not well suited may use newer interaction techniques, collectively named as post-WIMP user interfaces.
As of 2011, some touch-screen-based operating systems such as Apple's iOS (iPhone) and Android use the class of GUIs named post-WIMP. These support styles of interaction using more than one finger in contact with a display, which allows actions such as pinching and rotating, which are unsupported by one pointer and mouse." [Graphical user interface. Wikipedia]
"In computing post-WIMP comprises work on user interfaces, mostly graphical user interfaces, which attempt to go beyond the paradigm of windows, icons, menus and a pointing device, i.e. WIMP interfaces. ...
However WIMP interfaces are not optimal for working with complex tasks such as computer-aided design, working on large amounts of data simultaneously, or interactive games. WIMPs are usually pixel-hungry, so given limited screen real estate they can distract attention from the task at hand. Thus, custom interfaces can better encapsulate workspaces, actions, and objects for specific complex tasks. Applications for which WIMP is not well suited include those requiring continuous input signals, showing 3D models, or simply portraying an interaction for which there is no defined standard widget.
Interfaces based on these considerations, now called "post-WIMP", have made their way to the general public. Examples include the interface of the classic MP3 player iPod and a bank's automated teller machine screen." [Post-WIMP. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - Activity indicator view" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI
iPhone GUI, toolbar, status bar, activity indicator, status bar, simple list, navigation bar, controls, activity indicator,
Used Solutions
"iOS (previously iPhone OS) is a mobile operating system developed and distributed by Apple Inc. ...
The user interface of iOS is based on the concept of direct manipulation, using multi-touch gestures. Interface control elements consist of sliders, switches, and buttons. Interaction with the OS includes gestures such as swipe, tap, pinch, and reverse pinch, all of which have specific definitions within the context of the iOS operating system and its multi-touch interface. Internal accelerometers are used by some applications to respond to shaking the device (one common result is the undo command) or rotating it in three dimensions (one common result is switching from portrait to landscape mode)." [iOS. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - More function view" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI
iPhone GUI, tab bar, status bar, screen, navigation bar, controls, iPhone, grouped list, list,
Used Solutions
This Android 5 UI design example shows notifications on Lock screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - Lock screen notifications" 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.
Lock screen notifications UI
Lock screen notifications UI, warning icon, timestamp, signal wifi statusbar 4 bar icon, signal cellular null icon, shop two icon, photo camera icon, notifications, notification title, notification message, lock open icon, dimmed background, contracted notification, time-sensitive notification, call icon, battery full icon, avatar, photo, account circle icon, Nexus 6, Android wallpapers,
Used Solutions