Feedback · community component

Soft Green Rounded Check Badge

Insignia suave de verificación verde menta con bordes redondeados y relieve neumórfico.

CSSMIT licenseUpdated today

◉ 140 views

Live 1 line⌘Z Undo

<!--
  Author: @codepeek
  License: MIT
  Tags: #feedback #soft #success
-->
<div class="check-badge">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
    <polyline points="20 6 9 17 4 12"></polyline>
  </svg>
</div>

<!--
  Author: @codepeek
  License: MIT
  Tags: #feedback #soft #success
-->
<div class="check-badge">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
    <polyline points="20 6 9 17 4 12"></polyline>
  </svg>
</div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #feedback #soft #success
 */

.check-badge {
  width: 32px;
  height: 32px;
  background: #34d399;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(52, 211, 153, 0.4);
}
.check-badge svg {
  width: 18px;
  height: 18px;
}

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #feedback #soft #success
 */

.check-badge {
  width: 32px;
  height: 32px;
  background: #34d399;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(52, 211, 153, 0.4);
}
.check-badge svg {
  width: 18px;
  height: 18px;
}

CSS colorsDetected automatically · edit to replace everywhere

0 colors

FormatCSS

CategoryFeedback

AccessibilityKeyboard ready

Explore similar parts →

Created by

codepeek

@codepeek

Open-source licenseMIT

Use, copy, modify, publish, distribute and sell this UI element in personal or commercial work.

Keep the original copyright and MIT notice in substantial copies. Provided “as is”, without warranty.

Read the MIT license

Used tags

#feedback #soft #success

Community

Comments 0

One main comment per member. Conversations can have unlimited replies.