Ícone Boolean Union 16
qlementine-icons:boolean-union-16
O ícone Boolean Union 16 (qlementine-icons:boolean-union-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Ação
- Tags
- booleanunion
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.2 1c1.68 0 2.52 0 3.16.327c.564.288 1.02.746 1.31 1.31c.271.531.315 1.2.323 2.37c1.17.008 1.83.054 2.37.324c.564.288 1.02.746 1.31 1.31c.327.642.327 1.48.327 3.16v.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-.4c-1.68 0-2.52 0-3.16-.327a3 3 0 0 1-1.31-1.31c-.271-.531-.316-1.2-.324-2.37c-1.17-.008-1.83-.053-2.37-.323a3 3 0 0 1-1.31-1.31c-.327-.642-.327-1.48-.327-3.16v-.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.4z" opacity=".3"/><path fill="currentColor" fill-rule="evenodd" d="M6.2 1c1.68 0 2.52 0 3.16.327c.564.288 1.02.746 1.31 1.31c.271.531.315 1.2.323 2.37c1.17.008 1.83.054 2.37.324c.564.288 1.02.746 1.31 1.31c.327.642.327 1.48.327 3.16v.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-.4c-1.68 0-2.52 0-3.16-.327a3 3 0 0 1-1.31-1.31c-.271-.531-.316-1.2-.324-2.37c-1.17-.008-1.83-.053-2.37-.323a3 3 0 0 1-1.31-1.31c-.327-.642-.327-1.48-.327-3.16v-.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.4zm-.4 1c-.856 0-1.44.001-1.89.038c-.329.027-.538.07-.688.123l-.132.057a2 2 0 0 0-.797.736l-.077.138c-.08.156-.144.38-.18.819c-.019.225-.029.483-.033.792l-.005 1.1v.4c0 .856.001 1.44.038 1.89c.036.438.1.663.18.819l.077.138c.192.313.468.569.797.736l.114.05c.205.077.496.124 1.03.146l.771.017l.986.007l.007.986c.008 1.21.07 1.63.215 1.92l.077.138c.192.313.468.569.797.736l.132.057c.15.053.358.096.688.123c.45.036 1.03.038 1.89.038h.4c.856 0 1.44-.002 1.89-.038c.438-.036.663-.1.82-.18l.137-.077a2 2 0 0 0 .736-.797l.057-.132c.053-.15.096-.358.123-.688c.018-.225.028-.483.033-.792l.005-1.1v-.4c0-.856-.001-1.44-.038-1.89c-.027-.33-.07-.538-.123-.688l-.057-.132a2 2 0 0 0-.736-.797l-.138-.078c-.285-.145-.706-.207-1.92-.215L10 5.993l-.007-.986c-.007-1.06-.055-1.52-.164-1.8l-.05-.114a2 2 0 0 0-.736-.797l-.138-.077c-.156-.08-.38-.144-.819-.18a12 12 0 0 0-.792-.033l-1.1-.005h-.4z" clip-rule="evenodd"/></svg>Como usar o ícone Boolean Union 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:boolean-union-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:boolean-union-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:boolean-union-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--boolean-union-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:boolean-union-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:boolean-union-16"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/boolean-union-16.svg" alt="Ícone Boolean Union 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Boolean Union 16
O ícone Boolean Union 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Boolean Union 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:boolean-union-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Boolean Union 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/boolean-union-16.svg" alt="Ícone Boolean Union 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.