Boolean Union 16 アイコン
qlementine-icons:boolean-union-16
Boolean Union 16 アイコン(qlementine-icons:boolean-union-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- アクション
- タグ
- booleanunion
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/boolean-union-16.svg" alt="Boolean Union 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Boolean Union 16 アイコン のよくある質問
Boolean Union 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Boolean Union 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:boolean-union-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boolean Union 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/boolean-union-16.svg" alt="Boolean Union 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。