Иконка Boolean Intersect 16
qlementine-icons:boolean-intersect-16
Иконка Boolean Intersect 16 (qlementine-icons:boolean-intersect-16) — бесплатная SVG-иконка из набора Qlementine Icons от Olivier Cléro. Она нарисована на сетке 24 × 24. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Qlementine Icons
- Автор
- Olivier Cléro
- Лицензия
- MIT
- Размер
- 24 × 24
- Категория
- Действие
- Теги
- booleanintersect
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 5q.004.363.004.797v.4c0 1.68 0 2.52-.327 3.16a3 3 0 0 1-1.31 1.31c-.642.327-1.48.327-3.16.327h-.4q-.434 0-.797-.004q-.003-.364-.003-.796v-.4c0-1.68 0-2.52.327-3.16a3 3 0 0 1 1.31-1.31c.642-.327 1.48-.327 3.16-.327h.4q.433 0 .796.003" opacity=".3"/><path fill="currentColor" fill-rule="evenodd" d="M7.31 1c.975.015 1.57.077 2.05.322c.564.288 1.02.746 1.31 1.31c.271.531.315 1.2.323 2.37l.316.002c.975.015 1.57.077 2.05.322c.564.288 1.02.746 1.31 1.31c.327.642.327 1.48.327 3.16v.4l-.005 1.11c-.015.975-.077 1.57-.322 2.05l-.115.206c-.288.47-.7.853-1.2 1.1l-.123.058c-.46.198-1.03.25-1.93.265l-1.11.004h-.4l-1.11-.004c-.894-.014-1.47-.067-1.93-.265l-.123-.058a3.07 3.07 0 0 1-1.2-1.1l-.115-.206c-.245-.481-.307-1.07-.322-2.05l-.002-.316l-.315-.001c-.894-.014-1.47-.067-1.93-.265l-.123-.058a3.07 3.07 0 0 1-1.2-1.1l-.115-.206C1.061 8.88 1 8.29.984 7.31L.98 6.2v-.4c0-1.58 0-2.41.27-3.04l.058-.123a3.07 3.07 0 0 1 1.1-1.2l.206-.115c.48-.245 1.07-.307 2.05-.322l1.11-.005h.4L7.283 1zM11 6.2l-.005 1.11c-.015.975-.077 1.57-.322 2.05l-.115.206c-.288.47-.7.853-1.2 1.1l-.123.058c-.46.198-1.03.25-1.93.265l-1.11.004H6c.003.446.01.795.033 1.09c.036.438.101.663.181.82l.078.137c.192.314.468.57.797.737l.133.056c.15.054.358.097.687.124c.45.037 1.03.037 1.89.037h.4c.856 0 1.44 0 1.89-.037c.438-.036.663-.1.819-.18l.138-.078c.313-.192.569-.468.736-.797l.056-.133c.054-.15.097-.358.124-.686c.037-.45.037-1.03.037-1.89v-.4c0-.856 0-1.44-.037-1.89c-.027-.329-.07-.537-.124-.687l-.056-.133a2 2 0 0 0-.736-.797l-.138-.077c-.156-.08-.381-.145-.82-.181a15 15 0 0 0-1.09-.034v.197zM9.8 6c-.856 0-1.44 0-1.89.037c-.438.036-.663.101-.819.181a2 2 0 0 0-.874.874c-.08.156-.145.381-.181.82c-.037.45-.037 1.03-.037 1.89v.2h.2c.856 0 1.44-.001 1.89-.038c.438-.036.663-.101.819-.181l.138-.077c.313-.192.569-.468.736-.797l.057-.133c.053-.15.097-.358.124-.687c.036-.45.037-1.03.037-1.89v-.2zm-4-4c-.856 0-1.44 0-1.89.037c-.438.036-.663.101-.819.181a2 2 0 0 0-.874.874c-.08.156-.145.381-.181.82c-.037.45-.037 1.03-.037 1.89v.4c0 .855 0 1.44.037 1.89c.036.437.101.662.181.818l.077.138c.192.313.468.57.797.736l.133.057c.15.053.358.097.687.124c.294.024.643.03 1.09.033v-.196c0-1.58 0-2.41.27-3.04l.058-.123a3.07 3.07 0 0 1 1.1-1.2l.206-.115c.48-.245 1.07-.307 2.05-.322l1.11-.005h.196c-.003-.445-.01-.795-.033-1.09c-.027-.329-.07-.537-.124-.687l-.057-.133a2 2 0 0 0-.736-.797l-.138-.077c-.156-.08-.381-.145-.819-.181c-.45-.037-1.03-.037-1.89-.037h-.4z" clip-rule="evenodd"/></svg>Как использовать иконку Boolean Intersect 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:boolean-intersect-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:boolean-intersect-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:boolean-intersect-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--boolean-intersect-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:boolean-intersect-16"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:boolean-intersect-16"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/boolean-intersect-16.svg" alt="Иконка Boolean Intersect 16" width="24" height="24">Похожие иконки в наборе Qlementine Icons
Вопросы и ответы: Иконка Boolean Intersect 16
Можно ли бесплатно использовать иконку Boolean Intersect 16 в коммерческих проектах?
Да. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Boolean Intersect 16 в React?
Установите @iconify/react и выведите <Icon icon="qlementine-icons:boolean-intersect-16" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Boolean Intersect 16 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/qlementine-icons/boolean-intersect-16.svg" alt="Иконка Boolean Intersect 16">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.