Иконка Color Picker Drop
streamline-freehand-color:color-picker-drop
Иконка Color Picker Drop (streamline-freehand-color:color-picker-drop) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Дизайн
- Теги
- colorpicker, pickerdrop, colorpickerdrop
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M2.934 18.324c.7.949 1.689 3.995.32 4.255a2.17 2.17 0 0 1-1.368-.24c-.77-.38-1-.779-.72-1.808c.49-1.997 1.249-2.117 1.279-2.457s-.3-.65-.64-.38a8 8 0 0 0-1.538 2.558a2.217 2.217 0 0 0 .7 2.887c1.488 1.088 3.805.849 3.995-1.17a7.3 7.3 0 0 0-1.458-4.075a.357.357 0 0 0-.57.43"/><path fill="#020202" d="M22.932 1.433a3.85 3.85 0 0 0-4.395-.54c-.48.25-1.049.83-1.409.85c-.519.02-1.308-1.24-2.207-1.489a1.668 1.668 0 0 0-1.998 1.518c0 1.229 1.728 3.337 2.367 4.366q.317.563.72 1.068c.819 1 1.248 0 .719-.16c-.3-.05-.72-1.048-.85-1.248c-.509-.92-1.997-2.887-2.057-3.876c0-.39.47-.839.82-.729c.349.11.758.62 1.138.999c1.518 1.418 2.337.23 3.286-.26a2.8 2.8 0 0 1 2.997.3c2.357 2.667-1.219 4.455-1.568 5.474c-.29.859 1.828 2.677.45 3.296a.92.92 0 0 1-1-.26a15.8 15.8 0 0 1-2.197-2.637a.35.35 0 0 0-.47-.11c-.55.37.33 1.15.85 1.818c-.31 0-6.703 4.555-9.05 5.544c-1.23.52-1.09.05-1.639-.45c-1.058-.998-1.668.68-2.996.72c-.24 0-.39-.15-.5-.51s.24-.489.53-.659c.829-.48 1.518-.909 1.298-1.928a7.4 7.4 0 0 1-.42-1.328c-.03-1.548 7.972-5.204 8.561-6.543a.319.319 0 0 0-.38-.43c-.31.07-1.857 1.12-6.233 3.996c-1.088.77-3.426 1.508-2.946 3.486q.23.582.34 1.199c-.09.46-2.358.779-1.849 2.537a1.68 1.68 0 0 0 1.18 1.299c.99.006 1.96-.283 2.786-.83a1.67 1.67 0 0 0 1.299.75a6.43 6.43 0 0 0 2.996-1.269c1.628-.899 5.694-3.856 7.212-4.994a.4.4 0 0 0 .14-.2c.367.527.82.99 1.338 1.368a1.628 1.628 0 0 0 2.498-.998c.14-.83-.57-1.918-.82-2.657c3.097-2.448 3.047-4.665 1.459-6.483"/><path fill="#0c6fff" d="M11.155 8.475a1.5 1.5 0 0 0-.42-.19c-2.207-.17-1.587.2-.848.6c.24.051.462.169.64.339a18.4 18.4 0 0 0 2.406 2.587c1.249.52 1.529.29.93-.61c-.85-.659-1.45-1.807-2.708-2.726"/></g></svg>
Как использовать иконку Color Picker Drop
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:color-picker-drop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:color-picker-drop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:color-picker-drop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--color-picker-drop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:color-picker-drop"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:color-picker-drop"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/color-picker-drop.svg" alt="Иконка Color Picker Drop" width="24" height="24">
Похожие иконки в наборе Freehand color icons
Иконка Color Picker Drop в других наборах
Вопросы и ответы: Иконка Color Picker Drop
Можно ли бесплатно использовать иконку Color Picker Drop в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Color Picker Drop в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:color-picker-drop" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Color Picker Drop на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/color-picker-drop.svg" alt="Иконка Color Picker Drop">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Freehand color icons →
ICONYZ
