Início
> Blogger Profissional
> Como inserir ícones css
> Como inserir ícones html
> Como inserir ícones no Blogger
> Como inserir ícones no meu site
> ícones css
> ícones html
Como inserir ícones no Blogger
Para inserir Ícones no seu blogger utilize uma biblioteca CSS Pronta e Grátis da Font Awesome . Com ela você pode inserir ícones vários modelos de ícones e personalizar todos eles com CSS básico.
Primeiro Passo:
Insira o código da biblioteca dentro da tag <Head> do seu blogger.
<!-- ícones SVG -->
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
Segundo passo:
Para exibir um ícone no seu site utilize o seguinte código:
<i class="fa fa-shopping-cart" />
Nesse exemplo estamos exibindo um ícone de Carrinho de compras, Substitua o nome do ícone para exibir outro modelo.
Veja a baixo uma lista de 407 ícones disponíveis GRÁTIS nessa biblioteca:
| fa-glass | |
| fa-music | |
| fa-search | |
| fa-envelope-o | |
| fa-heart | |
| fa-star | |
| fa-star-o | |
| fa-user | |
| fa-film | |
| fa-th-large | |
| fa-th | |
| fa-th-list | |
| fa-check | |
| fa-times | |
| fa-search-plus | |
| fa-search-minus | |
| fa-power-off | |
| fa-signal | |
| fa-gear | |
| fa-cog | |
| fa-trash-o | |
| fa-file-o | |
| fa-clock-o | |
| fa-road | |
| fa-download | |
| fa-arrow-circle-o-down | |
| fa-arrow-circle-o-up | |
| fa-inbox | |
| fa-play-circle-o | |
| fa-rotate-right | |
| fa-repeat | |
| fa-refresh | |
| fa-list-alt | |
| fa-lock | |
| fa-flag | |
| fa-headphones | |
| fa-volume-off | |
| fa-volume-down | |
| fa-volume-up | |
| fa-qrcode | |
| fa-barcode | |
| fa-tag | |
| fa-tags | |
| fa-book | |
| fa-bookmark | |
| fa-print | |
| fa-camera | |
| fa-font | |
| fa-bold | |
| fa-italic | |
| fa-text-height | |
| fa-text-width | |
| fa-align-left | |
| fa-align-center | |
| fa-align-right | |
| fa-align-justify | |
| fa-list | |
| fa-dedent | |
| fa-outdent | |
| fa-indent | |
| fa-video-camera | |
| fa-picture-o | |
| fa-pencil | |
| fa-map-marker | |
| fa-adjust | |
| fa-tint | |
| fa-edit | |
| fa-pencil-square-o | |
| fa-share-square-o | |
| fa-check-square-o | |
| fa-arrows | |
| fa-step-backward | |
| fa-fast-backward | |
| fa-backward | |
| fa-play | |
| fa-pause | |
| fa-stop | |
| fa-forward | |
| fa-fast-forward | |
| fa-step-forward | |
| fa-eject | |
| fa-chevron-left | |
| fa-chevron-right | |
| fa-plus-circle | |
| fa-minus-circle | |
| fa-times-circle | |
| fa-check-circle | |
| fa-question-circle | |
| fa-info-circle | |
| fa-crosshairs | |
| fa-times-circle-o | |
| fa-check-circle-o | |
| fa-ban | |
| fa-arrow-left | |
| fa-arrow-right | |
| fa-arrow-up | |
| fa-arrow-down | |
| fa-mail-forward | |
| fa-share | |
| fa-expand | |
| fa-compress | |
| fa-plus | |
| fa-minus | |
| fa-asterisk | |
| fa-exclamation-circle | |
| fa-gift | |
| fa-leaf | |
| fa-fire | |
| fa-eye | |
| fa-eye-slash | |
| fa-warning | |
| fa-exclamation-triangle | |
| fa-plane | |
| fa-calendar | |
| fa-random | |
| fa-comment | |
| fa-magnet | |
| fa-chevron-up | |
| fa-chevron-down | |
| fa-retweet | |
| fa-shopping-cart | |
| fa-folder | |
| fa-folder-open | |
| fa-arrows-v | |
| fa-arrows-h | |
| fa-bar-chart-o | |
| fa-twitter-square | |
| fa-facebook-square | |
| fa-camera-retro | |
| fa-key | |
| fa-gears | |
| fa-cogs | |
| fa-comments | |
| fa-thumbs-o-up | |
| fa-thumbs-o-down | |
| fa-star-half | |
| fa-heart-o | |
| fa-sign-out | |
| fa-linkedin-square | |
| fa-thumb-tack | |
| fa-external-link | |
| fa-sign-in | |
| fa-trophy | |
| fa-github-square | |
| fa-upload | |
| fa-lemon-o | |
| fa-phone | |
| fa-square-o | |
| fa-bookmark-o | |
| fa-phone-square | |
| fa-twitter | |
| fa-facebook | |
| fa-github | |
| fa-unlock | |
| fa-credit-card | |
| fa-rss | |
| fa-hdd-o | |
| fa-bullhorn | |
| fa-bell | |
| fa-certificate | |
| fa-hand-o-right | |
| fa-hand-o-left | |
| fa-hand-o-up | |
| fa-hand-o-down | |
| fa-arrow-circle-left | |
| fa-arrow-circle-right | |
| fa-arrow-circle-up | |
| fa-arrow-circle-down | |
| fa-globe | |
| fa-wrench | |
| fa-tasks | |
| fa-filter | |
| fa-briefcase | |
| fa-arrows-alt | |
| fa-group | |
| fa-users | |
| fa-chain | |
| fa-link | |
| fa-cloud | |
| fa-flask | |
| fa-cut | |
| fa-scissors | |
| fa-copy | |
| fa-files-o | |
| fa-paperclip | |
| fa-save | |
| fa-floppy-o | |
| fa-square | |
| fa-bars | |
| fa-list-ul | |
| fa-list-ol | |
| fa-strikethrough | |
| fa-underline | |
| fa-table | |
| fa-magic | |
| fa-truck | |
| fa-pinterest | |
| fa-pinterest-square | |
| fa-google-plus-square | |
| fa-google-plus | |
| fa-money | |
| fa-caret-down | |
| fa-caret-up | |
| fa-caret-left | |
| fa-caret-right | |
| fa-columns | |
| fa-unsorted | |
| fa-sort | |
| fa-sort-down | |
| fa-sort-asc | |
| fa-sort-up | |
| fa-sort-desc | |
| fa-envelope | |
| fa-linkedin | |
| fa-rotate-left | |
| fa-undo | |
| fa-legal | |
| fa-gavel | |
| fa-dashboard | |
| fa-tachometer | |
| fa-comment-o | |
| fa-comments-o | |
| fa-flash | |
| fa-bolt | |
| fa-sitemap | |
| fa-umbrella | |
| fa-paste | |
| fa-clipboard | |
| fa-lightbulb-o | |
| fa-exchange | |
| fa-cloud-download | |
| fa-cloud-upload | |
| fa-user-md | |
| fa-stethoscope | |
| fa-suitcase | |
| fa-bell-o | |
| fa-coffee | |
| fa-cutlery | |
| fa-file-text-o | |
| fa-building-o | |
| fa-hospital-o | |
| fa-ambulance | |
| fa-medkit | |
| fa-fighter-jet | |
| fa-beer | |
| fa-h-square | |
| fa-plus-square | |
| fa-angle-double-left | |
| fa-angle-double-right | |
| fa-angle-double-up | |
| fa-angle-double-down | |
| fa-angle-left | |
| fa-angle-right | |
| fa-angle-up | |
| fa-angle-down | |
| fa-desktop | |
| fa-laptop | |
| fa-tablet | |
| fa-mobile-phone | |
| fa-mobile | |
| fa-circle-o | |
| fa-quote-left | |
| fa-quote-right | |
| fa-spinner | |
| fa-circle | |
| fa-mail-reply | |
| fa-reply | |
| fa-github-alt | |
| fa-folder-o | |
| fa-folder-open-o | |
| fa-smile-o | |
| fa-frown-o | |
| fa-meh-o | |
| fa-gamepad | |
| fa-keyboard-o | |
| fa-flag-o | |
| fa-flag-checkered | |
| fa-terminal | |
| fa-code | |
| fa-reply-all | |
| fa-mail-reply-all | |
| fa-star-half-empty | |
| fa-star-half-full | |
| fa-star-half-o | |
| fa-location-arrow | |
| fa-crop | |
| fa-code-fork | |
| fa-unlink | |
| fa-chain-broken | |
| fa-question | |
| fa-info | |
| fa-exclamation | |
| fa-superscript | |
| fa-subscript | |
| fa-eraser | |
| fa-puzzle-piece | |
| fa-microphone | |
| fa-microphone-slash | |
| fa-shield | |
| fa-calendar-o | |
| fa-fire-extinguisher | |
| fa-rocket | |
| fa-maxcdn | |
| fa-chevron-circle-left | |
| fa-chevron-circle-right | |
| fa-chevron-circle-up | |
| fa-chevron-circle-down | |
| fa-html5 | |
| fa-css3 | |
| fa-anchor | |
| fa-unlock-alt | |
| fa-bullseye | |
| fa-ellipsis-h | |
| fa-ellipsis-v | |
| fa-rss-square | |
| fa-play-circle | |
| fa-ticket | |
| fa-minus-square | |
| fa-minus-square-o | |
| fa-level-up | |
| fa-level-down | |
| fa-check-square | |
| fa-pencil-square | |
| fa-external-link-square | |
| fa-share-square | |
| fa-compass | |
| fa-toggle-down | |
| fa-caret-square-o-down | |
| fa-toggle-up | |
| fa-caret-square-o-up | |
| fa-toggle-right | |
| fa-caret-square-o-right | |
| fa-euro | |
| fa-eur | |
| fa-gbp | |
| fa-dollar | |
| fa-usd | |
| fa-rupee | |
| fa-inr | |
| fa-cny | |
| fa-rmb | |
| fa-yen | |
| fa-jpy | |
| fa-ruble | |
| fa-rouble | |
| fa-rub | |
| fa-won | |
| fa-krw | |
| fa-bitcoin | |
| fa-btc | |
| fa-file | |
| fa-file-text | |
| fa-sort-alpha-asc | |
| fa-sort-alpha-desc | |
| fa-sort-amount-asc | |
| fa-sort-amount-desc | |
| fa-sort-numeric-asc | |
| fa-sort-numeric-desc | |
| fa-thumbs-up | |
| fa-thumbs-down | |
| fa-youtube-square | |
| fa-youtube | |
| fa-xing | |
| fa-xing-square | |
| fa-youtube-play | |
| fa-dropbox | |
| fa-stack-overflow | |
| fa-instagram | |
| fa-flickr | |
| fa-adn | |
| fa-bitbucket | |
| fa-bitbucket-square | |
| fa-tumblr | |
| fa-tumblr-square | |
| fa-long-arrow-down | |
| fa-long-arrow-up | |
| fa-long-arrow-left | |
| fa-long-arrow-right | |
| fa-apple | |
| fa-windows | |
| fa-android | |
| fa-linux | |
| fa-dribbble | |
| fa-skype | |
| fa-foursquare | |
| fa-trello | |
| fa-female | |
| fa-male | |
| fa-gittip | |
| fa-sun-o | |
| fa-moon-o | |
| fa-archive | |
| fa-bug | |
| fa-vk | |
| fa-weibo | |
| fa-renren | |
| fa-pagelines | |
| fa-stack-exchange | |
| fa-arrow-circle-o-right | |
| fa-arrow-circle-o-left | |
| fa-toggle-left | |
| fa-dot-circle-o | |
| fa-wheelchair | |
| fa-vimeo-square | |
| fa-try | |
| fa-plus-square-o |
Nenhum comentário:
Postar um comentário
Deixe um comentário com seu Feedback sobre este Conteúdo.