Иконка Content Brush Pen
streamline-freehand:content-brush-pen
Иконка Content Brush Pen (streamline-freehand:content-brush-pen) — бесплатная 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
- Категория
- Контент
- Теги
- contentbrush, brushpen, contentbrushpen
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M23.79 4.756a1.52 1.52 0 0 0-.55-.76a2.06 2.06 0 0 0-.841-2.702a5.9 5.9 0 0 0-3.102-1c-1.411.05-2.542 2.08-3.292 2.961c-1.571 1.821-9.587 12.008-10.367 13.63a.76.76 0 0 0 .26.73c-1.441 1.39-2.902 2.531-1.521 4.002c-.38.39-1.381 2.062-1.04 2.212c.17.26.3.06 1.25-.7c.25-.246.46-.53.62-.841c1.702 1 2.392-.68 3.263-2.482l.17.14a.306.306 0 0 0 .504-.251a.3.3 0 0 0-.104-.209a34 34 0 0 1-2.702-2.432c1-1.56 7.135-9.006 8.336-10.477c.25.27.52.59.61.68a11.3 11.3 0 0 0 2.622 1.882c-3.833 4.293-4.173 5.354-8.226 9.727a.35.35 0 0 0 .52.46c3.643-3.773 5.004-5.734 7.066-8.005c1.63-1.802 4.473-4.624 5.673-6.685c.103.166.161.355.17.55a1.92 1.92 0 0 1-.41 1.441q-.578.849-1.24 1.631c-1.902 2.332-2.162 2.542-1.812 2.832a.35.35 0 0 0 .49 0c1.231-1.41 4.754-3.722 3.653-6.334m-15.88 14.6c-.07 0-.19.31-.19.31c-1.112 1.601-1.302 2.001-1.902 1.621c-1.601-1.05-.82-1.38.5-3.282c.47.45 1.09 1 1.591 1.35m14.379-16.01c-.27 1.21-3.072 4.352-3.903 5.283a11.9 11.9 0 0 0-3.202-2.632c.73-.9 1.321-1.591 1.671-2.001c.57-.64 1.761-2.522 2.472-2.542c.95-.01 3.212.8 2.962 1.851zm-5.283 11.048a.35.35 0 0 0-.49 0c-.35.38 0 .36 2.822 3.282a52 52 0 0 1 2.642 2.932c.84 1.01.51 2.671-1.001 1.86a21.6 21.6 0 0 1-2.842-1.87c-4.183-3.143-4.113-3.673-4.483-3.283a.31.31 0 0 0 0 .43a42 42 0 0 0 6.745 5.735c2.751 1.53 4.002-1.802 2.361-3.613a74 74 0 0 0-5.754-5.474M9 9.44a.31.31 0 0 0-.42-.441a5.2 5.2 0 0 1-.73-1.15c-.211-.391-1.192-1.612-1.472-1.612a.34.34 0 0 0-.38.34A4.65 4.65 0 0 0 7.699 9.34a7.8 7.8 0 0 1-2.261-1.1a3.1 3.1 0 0 1-1.081-1.141a.35.35 0 1 0-.66.22A3.49 3.49 0 0 0 7.278 10a3 3 0 0 1-3.613-.26a6.004 6.004 0 0 1-1.46-8.256a3.27 3.27 0 0 0 2.791 2.421c1.221.22 2.752-.16 3.903 1.582a2.21 2.21 0 0 1 .23 2.251a.35.35 0 0 0 .62.31a2.94 2.94 0 0 0-.17-3.002c-1.83-2.912-4.243-1.28-5.713-2.772c-.363-.395-.6-.89-.68-1.42c-1.342-3.573-6.445 5.903 0 9.706C5.156 11.71 6.918 11.71 9 9.44" clip-rule="evenodd"/></svg>Как использовать иконку Content Brush Pen
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:content-brush-pen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:content-brush-pen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:content-brush-pen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--content-brush-pen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:content-brush-pen"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:content-brush-pen"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/content-brush-pen.svg" alt="Иконка Content Brush Pen" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Content Brush Pen в других наборах
Вопросы и ответы: Иконка Content Brush Pen
Можно ли бесплатно использовать иконку Content Brush Pen в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Content Brush Pen в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:content-brush-pen" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Content Brush Pen на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/content-brush-pen.svg" alt="Иконка Content Brush Pen">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.