Иконка Coloringbook
arcticons:coloringbook
Иконка Coloringbook (arcticons:coloringbook) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Arcticons
- Автор
- Donnnno
- Лицензия
- CC-BY-SA-4.0
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.83 7.322l16.373 2.034l16.475-1.932l-.203 33.457l-12.353-3.307a2.69 2.69 0 0 1-3.323 1.15"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.424 11.085v5.354l-5.492.036l4.983 2.135l-1.118 5.186l3.254-4.067l4.474 2.847l-2.542-4.78l3.966-2.949l-5.353 1.148ZM7.83 7.322l-.305 33.05l9.46-1.4m1.219-.836l3.05 2.745l10.78-12.305l2.44-5.186l-5.593 2.237zM24.203 9.35v19.232"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.915 22.17c-.008 2.072 4.284 2.483 4.875.496c2.768-.268 4.114-1.178 2.956-3.649c1.77-3.422-.168-3.836-1.83-4.474c-1.185-2.01-2.754-2.605-5.086-.407c-3.802-.568-3.02 2.672-2.644 4.068c-2.087 1.802-.444 5.3 1.73 3.966"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.216 23.884c.996 4.305-.638 8.93-1.097 13.235c.937-7.353 4.082-11.636 8.949-13.526c-7.137 5.176-.683 10.9-8.95 13.526"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.119 37.119c-.826-3.745 1.339-8.678-3.72-10.007c.578-3.098 3.22 1.541 4.817-3.228"/><ellipse cx="15.748" cy="18.302" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.187" ry="1.151"/></svg>Как использовать иконку Coloringbook
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:coloringbook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:coloringbook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:coloringbook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--coloringbook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:coloringbook"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:coloringbook"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/arcticons/coloringbook.svg" alt="Иконка Coloringbook" width="24" height="24">Вопросы и ответы: Иконка Coloringbook
Можно ли бесплатно использовать иконку Coloringbook в коммерческих проектах?
Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Coloringbook в React?
Установите @iconify/react и выведите <Icon icon="arcticons:coloringbook" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coloringbook на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/coloringbook.svg" alt="Иконка Coloringbook">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.