Gradient
Usage
With Web Components
html
<ss-icon icon="gradient"></ss-icon>With icon tag
html
<i class="ss ss-gradient"></i>With custom stroke width / thickness
html
<ss-icon icon="gradient" thickness="1.2"></ss-icon>Icon Details
| Property | Value |
|---|---|
| Name | Gradient |
| Slug | gradient |
| Tags | gradient, color, design, log |
SVG Path
M6 3V21M3 3V21L21 21 21 3 3 3M10 3V21M15 3V21 21M3 18 21 18M3 14 21 14M3 9 21 9Raw SVG
html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 3V21M3 3V21L21 21 21 3 3 3M10 3V21M15 3V21 21M3 18 21 18M3 14 21 14M3 9 21 9"></path>
</svg>