Иконка Design Tool Quill
streamline-freehand:design-tool-quill
Иконка Design Tool Quill (streamline-freehand:design-tool-quill) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Дизайн
- Теги
- designtool, toolquill, designtoolquill
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.225 0a30 30 0 0 0-4.507.901c-1.082.331-2.143.762-3.225 1.112c-1.773.571-1.372.17-3.756 4.467a7.2 7.2 0 0 0-1.002-2.494c-1.001-1.001-2.003.511-2.714 1.663c-2.114 3.456-4.047 6.56-4.447 11.76a.302.302 0 0 0 .6.05c.441-4.949 2.404-8.014 4.558-11.35a4.7 4.7 0 0 1 1.252-1.502c.06.1.12 0 .38.682c.261.68.461 2.103.852 2.403s.881 0 1.192-.43s1.963-3.636 2.584-3.917q.433-.177.891-.27a32.7 32.7 0 0 1 6.882-1.823a8.6 8.6 0 0 1-.3 2.504a39 39 0 0 1-2.355 7.081c-.3.672-.78 2.204-1.462 2.695c-.07-.1-.28-.18-.34-.24a8.7 8.7 0 0 0-2.855-1.703c-1.282-.17-.631 2.684-.691 3.365c-.741-.51-2.574-1.442-2.905-.66c-.22.52.1 1.191.2 1.602c.23.871.792 2.554.12 3.175a6.78 6.78 0 0 1-4.797 1.192c-2.404-.23-1.653-1.232-2.174-.852c-.2.08-.42.26-.2.521c.292.426.73.73 1.232.852c1.893.55 4.898.24 6.43-1.112c1.122-1.002.441-3.175 0-4.718c.82.242 1.557.703 2.134 1.332a.58.58 0 0 0 .741 0c.38-.43 0-2.283.08-3.495h.19q.893.553 1.693 1.232c.2.237.436.44.701.6c.611.251 1.302-.39 1.673-.89C21.132 12.078 25.63.26 23.225 0"/><path d="M7.04 16.256C13.99 8.444 17.385 6.12 19.55 4.517a.344.344 0 0 0-.401-.56c-1.402 1.001-2.775 1.852-4.067 2.894C7.77 12.861 5.116 16.867.88 22.416l-.771 1.142a.31.31 0 0 0 .51.34c2.024-2.644 5.28-6.36 6.421-7.642"/></g></svg>
Как использовать иконку Design Tool Quill
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:design-tool-quill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:design-tool-quill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:design-tool-quill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--design-tool-quill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:design-tool-quill"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:design-tool-quill"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-quill.svg" alt="Иконка Design Tool Quill" width="24" height="24">
Похожие иконки в наборе Freehand free icons
Иконка Design Tool Quill в других наборах
Вопросы и ответы: Иконка Design Tool Quill
Можно ли бесплатно использовать иконку Design Tool Quill в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Design Tool Quill в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:design-tool-quill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Design Tool Quill на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-quill.svg" alt="Иконка Design Tool Quill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Freehand free icons →
