Color Swatch icon
Pick from a fan of colour swatches or sample cards.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.5 3h2A2.5 2.5 0 0 1 10 5.5v13A2.5 2.5 0 0 1 7.5 21h-2A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3"/>
<path d="M12.63 4.37c.25.06.49.16.71.3l1.7 1.06c1.17.73 1.53 2.27.8 3.44l-3.09 4.94"/>
<path d="M18.61 9.74c.31.24.56.56.73.95l.81 1.83c.56 1.26-.01 2.74-1.27 3.3l-5.5 2.45"/>
<circle cx="6.5" cy="17.5" r="1.25" fill="currentColor" stroke="none"/>
</svg>Icon details
- Name
- color-swatch
- Component
- ColorSwatchIcon
- Category
- Editing & Creativity
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/color-swatch.svg
@ikions/icons/filled/color-swatch.svg