mirror of
https://github.com/konpa/devicon.git
synced 2025-07-30 19:30:15 +02:00
Add html example
This commit is contained in:
konpa
174
devicon.html
Normal file
174
devicon.html
Normal file
@@ -0,0 +1,174 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset=utf-8 />
|
||||
<title>Devicon</title>
|
||||
<link rel="stylesheet" href="devicon.css">
|
||||
<style>
|
||||
li { display: inline; height: 5rem; line-height: 5rem; margin: 4rem; list-style: none; }
|
||||
i { font-size: 5rem; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<ul class="devicons">
|
||||
|
||||
<!-- Zend -->
|
||||
<li><i class="devicon-zend-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-zend-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-zend-plain"></i></li>
|
||||
<li><i class="devicon-zend-plain colored"></i></li>
|
||||
|
||||
<!-- Yii -->
|
||||
<li><i class="devicon-yii-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-yii-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-yii-plain"></i></li>
|
||||
<li><i class="devicon-yii-plain colored"></i></li>
|
||||
|
||||
<!-- Wordpress -->
|
||||
<li><i class="devicon-wordpress-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-wordpress-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-wordpress-plain"></i></li>
|
||||
<li><i class="devicon-wordpress-plain colored"></i></li>
|
||||
|
||||
<!-- Sass -->
|
||||
<li><i class="devicon-sass-plain"></i></li>
|
||||
<li><i class="devicon-sass-plain colored"></i></li>
|
||||
|
||||
<!-- Python -->
|
||||
<li><i class="devicon-python-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-python-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-python-plain"></i></li>
|
||||
<li><i class="devicon-python-plain colored"></i></li>
|
||||
|
||||
<!-- PHP -->
|
||||
<li><i class="devicon-php-plain"></i></li>
|
||||
<li><i class="devicon-php-plain colored"></i></li>
|
||||
|
||||
<!-- Photoshop -->
|
||||
<li><i class="devicon-photoshop-plain"></i></li>
|
||||
<li><i class="devicon-photoshop-plain colored"></i></li>
|
||||
<li><i class="devicon-photoshop-line"></i></li>
|
||||
<li><i class="devicon-photoshop-line colored"></i></li>
|
||||
|
||||
<!-- MySQL -->
|
||||
<li><i class="devicon-mysql-line-wordmark"></i></li>
|
||||
<li><i class="devicon-mysql-line-wordmark colored"></i></li>
|
||||
<li><i class="devicon-mysql-line"></i></li>
|
||||
<li><i class="devicon-mysql-line colored"></i></li>
|
||||
|
||||
<!-- Less -->
|
||||
<li><i class="devicon-less-plain"></i></li>
|
||||
<li><i class="devicon-less-plain colored"></i></li>
|
||||
|
||||
<!-- Laravel -->
|
||||
<li><i class="devicon-laravel-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-laravel-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-laravel-plain"></i></li>
|
||||
<li><i class="devicon-laravel-plain colored"></i></li>
|
||||
|
||||
<!-- JQuery -->
|
||||
<li><i class="devicon-jquery-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-jquery-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-jquery-plain"></i></li>
|
||||
<li><i class="devicon-jquery-plain colored"></i></li>
|
||||
|
||||
<!-- Javascript -->
|
||||
<li><i class="devicon-javascript-plain"></i></li>
|
||||
<li><i class="devicon-javascript-plain colored"></i></li>
|
||||
|
||||
<!-- Java -->
|
||||
<li><i class="devicon-java-line-wordmark"></i></li>
|
||||
<li><i class="devicon-java-line-wordmark colored"></i></li>
|
||||
<li><i class="devicon-java-line"></i></li>
|
||||
<li><i class="devicon-java-line colored"></i></li>
|
||||
|
||||
<!-- Illustrator -->
|
||||
<li><i class="devicon-illustrator-plain"></i></li>
|
||||
<li><i class="devicon-illustrator-plain colored"></i></li>
|
||||
<li><i class="devicon-illustrator-line"></i></li>
|
||||
<li><i class="devicon-illustrator-line colored"></i></li>
|
||||
|
||||
<!-- HTML5 -->
|
||||
<li><i class="devicon-html5-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-html5-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-html5-plain"></i></li>
|
||||
<li><i class="devicon-html5-plain colored"></i></li>
|
||||
|
||||
<!-- Grunt -->
|
||||
<li><i class="devicon-grunt-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-grunt-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-grunt-plain"></i></li>
|
||||
<li><i class="devicon-grunt-plain colored"></i></li>
|
||||
<li><i class="devicon-grunt-line-wordmark"></i></li>
|
||||
<li><i class="devicon-grunt-line-wordmark colored"></i></li>
|
||||
<li><i class="devicon-grunt-line"></i></li>
|
||||
<li><i class="devicon-grunt-line colored"></i></li>
|
||||
|
||||
<!-- Git -->
|
||||
<li><i class="devicon-git-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-git-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-git-plain"></i></li>
|
||||
<li><i class="devicon-git-plain colored"></i></li>
|
||||
|
||||
<!-- Foundation -->
|
||||
<li><i class="devicon-foundation-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-foundation-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-foundation-plain"></i></li>
|
||||
<li><i class="devicon-foundation-plain colored"></i></li>
|
||||
|
||||
<!-- Devicon -->
|
||||
<li><i class="devicon-devicon-plain"></i></li>
|
||||
<li><i class="devicon-devicon-plain colored"></i></li>
|
||||
<li><i class="devicon-devicon-line"></i></li>
|
||||
<li><i class="devicon-devicon-line colored"></i></li>
|
||||
|
||||
<!-- CSS3 -->
|
||||
<li><i class="devicon-css3-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-css3-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-css3-plain"></i></li>
|
||||
<li><i class="devicon-css3-plain colored"></i></li>
|
||||
|
||||
<!-- Codeigniter -->
|
||||
<li><i class="devicon-codeigniter-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-codeigniter-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-codeigniter-plain"></i></li>
|
||||
<li><i class="devicon-codeigniter-plain colored"></i></li>
|
||||
|
||||
<!-- Bower -->
|
||||
<li><i class="devicon-bower-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-bower-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-bower-plain"></i></li>
|
||||
<li><i class="devicon-bower-plain colored"></i></li>
|
||||
<li><i class="devicon-bower-line-wordmark"></i></li>
|
||||
<li><i class="devicon-bower-line-wordmark colored"></i></li>
|
||||
<li><i class="devicon-bower-line"></i></li>
|
||||
<li><i class="devicon-bower-line colored"></i></li>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<li><i class="devicon-bootstrap-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-bootstrap-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-bootstrap-plain"></i></li>
|
||||
<li><i class="devicon-bootstrap-plain colored"></i></li>
|
||||
<li><i class="devicon-bootstrap-line-wordmark"></i></li>
|
||||
<li><i class="devicon-bootstrap-line-wordmark colored"></i></li>
|
||||
<li><i class="devicon-bootstrap-line"></i></li>
|
||||
<li><i class="devicon-bootstrap-line colored"></i></li>
|
||||
|
||||
<!-- AngularJS -->
|
||||
<li><i class="devicon-angularjs-plain-wordmark"></i></li>
|
||||
<li><i class="devicon-angularjs-plain-wordmark colored"></i></li>
|
||||
<li><i class="devicon-angularjs-plain"></i></li>
|
||||
<li><i class="devicon-angularjs-plain colored"></i></li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user