by Ryder Damen
5 (1 reviews)
Devicons
Display Devicons (Software and Web Developer Icons) on your WordPress site.
Tested up to WP 4.9 (Current: 6.9.1)
vtrunk
Current Version vtrunk
Updated 7 years ago
Last Update on 21 Mar, 2018
Refreshed 18 hours ago
Last Refreshed on
Rank
#30,316
+23 this week
Active Installs
10+
-47.4%
KW Avg Position
49.3
-0.2 better
Downloads
1.2K
+1 today
Support Resolved
0%
—
No change
Rating
100%
Review 5 out of 5
5
(1 reviews)
Next Milestone 20
10+
20+
5,046
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 3 more installs to reach 20+
Rank Changes
Current
#30,316
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
5.0
1 reviews
Overall
100%
5
1
(100%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 4 of 4| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| devicon | 2 | — | Tag | 19 hours ago |
| devicons | 3 | — | Tag | 19 hours ago |
| html5 icon | 81 | — | Tag | 19 hours ago |
| software icons | 111 | — | Tag | 19 hours ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- trunk
- Last Updated
- Mar 21, 2018
- Requires WP
- 3.5.1+
- Tested Up To
- 4.9
- PHP Version
- 5.6 or higher
- Author
- Ryder Damen
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 5
- Reviews
- 1
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade Now
Frequently Asked Questions
Common questions about Devicons
Navigate to the 'Add New' in the plugins dashboard
Search for 'Devicons'
Click 'Install Now'
Activate the plugin on the Plugin dashboard
How do I display one devicon?
You can show one devicon as an inline style by using the shortcode [devicon icon="wordpress"] in a page or a post. This will return the colour, non-title version of that icon inline. This means it's returned in the html tag you put it in. If you wrap the shortcode in a h1 tag, it will return with the same font-size as your h1 (page titles), or the same with a regular p (paragraph) tag.
How do I display multiple devicons?
You can display multiple devicons either by stringing together the above 'devicon' shortcode, or by using the following shortcode:
[devicons]
wordpress
facebook
illustrator
[/devicons]
Simply list the ones you want within the shortcode, (separated by a space, comma, or enter key) and the plugin will display them for you. These once again default to colour without titles, but are not displayed inline. These instead are displayed as 50px size icons, giving you a better way to showcase a bunch of skills for a particular project.
How do I display icon titles (wordmarks)?
If you hover over an icon, it will always return the title of that icon for web accessibility purposes. You can however show the title right on the icon if you like. This is available for most (but not all) icons, but the plugin will simply return the non-titled version if it's not available. To show titles, simply add the title="true" parameter to the shortcode. Here are a few examples:
Search for 'Devicons'
Click 'Install Now'
Activate the plugin on the Plugin dashboard
How do I display one devicon?
You can show one devicon as an inline style by using the shortcode [devicon icon="wordpress"] in a page or a post. This will return the colour, non-title version of that icon inline. This means it's returned in the html tag you put it in. If you wrap the shortcode in a h1 tag, it will return with the same font-size as your h1 (page titles), or the same with a regular p (paragraph) tag.
How do I display multiple devicons?
You can display multiple devicons either by stringing together the above 'devicon' shortcode, or by using the following shortcode:
[devicons]
wordpress
illustrator
[/devicons]
Simply list the ones you want within the shortcode, (separated by a space, comma, or enter key) and the plugin will display them for you. These once again default to colour without titles, but are not displayed inline. These instead are displayed as 50px size icons, giving you a better way to showcase a bunch of skills for a particular project.
How do I display icon titles (wordmarks)?
If you hover over an icon, it will always return the title of that icon for web accessibility purposes. You can however show the title right on the icon if you like. This is available for most (but not all) icons, but the plugin will simply return the non-titled version if it's not available. To show titles, simply add the title="true" parameter to the shortcode. Here are a few examples:
[devicon icon="wordpress" title="true"]
[devicons title="true"] wordpress docker [/devicons]
How do I set a custom colour?
Icon colours can be customized with the color="#cc0000" (American spelling) tag. You can input any CSS-valid colour here, but most people will just put in a hex code like #cc0000. Here are a few examples:
How do I set a custom colour?
Icon colours can be customized with the color="#cc0000" (American spelling) tag. You can input any CSS-valid colour here, but most people will just put in a hex code like #cc0000. Here are a few examples:
[devicon icon="wordpress" color="#cc0000"]
[devicons color="#cc0000"] wordpress docker [/devicons]