Design Tools icon
Color Picker icon
A free, open source color picker icon on a 24×24 grid with a 1.5px stroke. Download it as SVG or use it from the Iconoir packages for React, Vue, Flutter and CSS.
Use the color picker icon in your project
React
npm i iconoir-react
import { ColorPicker } from 'iconoir-react';
<ColorPicker />Also in React Native: import { ColorPicker } from 'iconoir-react-native'.
Vue
npm i @iconoir/vue
<script setup>
import { ColorPicker } from '@iconoir/vue';
</script>
<template>
<ColorPicker />
</template>CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />
<i class="iconoir-color-picker"></i>Flutter
flutter pub add iconoir_flutter
import 'package:iconoir_flutter/iconoir_flutter.dart';
const ColorPicker()