37 CSS Badges

About a code

Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

Badge Reddit

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

Version Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Single Div CSS Merit Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Parental Advisory Label

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Badge Animations

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

B is for Badge

Badges are used as ornaments in website designing. They are usually used to express the quality/reliability of a product or a service.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

About a code

Animated CSS Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

CSS Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Exclusive Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Fred Mj

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

Responsive SVG Black Friday Badge

Badge with text on a path using SVG.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About the code

Boulder Badge

Pure CSS illustration based on design by Patrick Moriarty.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

Download App Badge

Download app badge with Font Awesome icons.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

About the code

GDPR Badges

GDPR badges in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: linearicons.css

About a code

Price Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

Badge Animation SVG

SVG badge with CSS animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the code

Hexagon Badges

Hexagon badges with Font Awesome icons.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

About the code

Contributor Badge Flip Exploration

Exploration for animate achievement, attempting to balance practicality and delight.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

About the code

Badge with Dynamic Text

SVG badge emblem with dynamic curved text.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the code

Badge Animation

Landscape badge CSS animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About a code

HTML5, CSS, JS Badges in Pure CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

Small CSS Badge

Small CSS label/badge.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the code

CSS Logo/Badges

Collection of pure CSS Logo/Badge examples: retro, hat style, squared and other.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About a code

Badge Hover

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

CSS Sunset Badge

Sunset behind mountains - pure CSS badge.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About a code

CSS Badge Promotion

Animated Badge for promotion product or other.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

Animated CSS Badge

Animated CSS Big Basin Badge. Second in a series of animated park badges.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the code

Animated CSS Banff Badge

First in a series of animated National Park badges.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About a code

Badges

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Pokemon Badges in HTML/CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Certificate Badges

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

Title Badges

Pure CSS title badges.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About a code

CSS Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About the code

CSS Badge

Very pretty and clean HTML and CSS badge.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -