Иконка Imagine
arcticons:imagine
Иконка Imagine (arcticons:imagine) — бесплатная 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="M43.876 23.002c.069 1.394-3.3 7.92-3.935 9.161s-3.966 7.788-5.139 8.545c-1.172.758-8.508 1.105-9.903 1.174c-1.395.071-8.73.461-9.971-.175c-1.242-.636-5.212-6.815-5.97-7.987c-.758-1.173-4.763-7.327-4.834-8.721s3.3-7.92 3.935-9.162s3.966-7.788 5.139-8.545c1.172-.758 8.508-1.105 9.903-1.174c1.395-.071 8.73-.461 9.971.175c1.242.636 5.212 6.815 5.97 7.987c.758 1.173 4.763 7.327 4.834 8.721z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.702 7.771c2.034 1.841 3.222 7.58 4.062 10.192c.84 2.609 3.224 7.964 2.647 10.645c-.578 2.682-4.958 6.58-6.8 8.613c-1.842 2.034-5.29 6.776-7.902 7.616s-8.18-1-10.863-1.577c-2.682-.578-8.513-1.192-10.548-3.031c-2.034-1.841-3.222-7.58-4.062-10.192c-.84-2.609-3.224-7.964-2.647-10.645c.578-2.682 4.958-6.58 6.8-8.613c1.842-2.034 5.29-6.776 7.902-7.616s8.18 1 10.863 1.577c2.682.578 8.513 1.192 10.548 3.031"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.891 2.658c2.674.611 6.516 5.038 8.527 6.905s6.707 5.374 7.513 7.994c.807 2.622-1.106 8.164-1.72 10.838c-.612 2.674-1.302 8.495-3.17 10.505s-7.625 3.125-10.247 3.932c-2.623.806-8.01 3.122-10.685 2.51c-2.674-.611-6.516-5.038-8.527-6.905s-6.707-5.374-7.513-7.994c-.807-2.622 1.106-8.164 1.72-10.838C5.401 16.93 6.091 11.11 7.96 9.1s7.625-3.125 10.247-3.932c2.623-.806 8.01-3.122 10.685-2.51"/></svg>Как использовать иконку Imagine
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:imagine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:imagine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:imagine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--imagine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:imagine"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:imagine"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/arcticons/imagine.svg" alt="Иконка Imagine" width="24" height="24">Вопросы и ответы: Иконка Imagine
Можно ли бесплатно использовать иконку Imagine в коммерческих проектах?
Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Imagine в React?
Установите @iconify/react и выведите <Icon icon="arcticons:imagine" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Imagine на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/imagine.svg" alt="Иконка Imagine">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.