Less アイコン
bxl:less
Less アイコン(bxl:less)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.142 10.843c0-.64.098-1.018.098-1.707c0-1.067-.393-1.411-1.263-1.411h-.641v.755h.196c.444 0 .542.147.542.689c0 .509-.049 1.018-.049 1.608c0 .755.246 1.05.739 1.165v.049c-.493.116-.739.411-.739 1.166c0 .591.049 1.067.049 1.608c0 .558-.114.705-.542.705v.017h-.196v.788h.641c.87 0 1.263-.344 1.263-1.411c0-.706-.098-1.067-.098-1.707c0-.345.213-.706.854-.739v-.853c-.642-.016-.854-.377-.854-.722m-3.299 1.001c-.493-.196-.952-.312-.952-.64c0-.246.197-.395.558-.395s.689.148 1.05.411l.657-.87c-.409-.313-.968-.641-1.724-.641c-1.115 0-1.871.641-1.871 1.544c0 .804.706 1.214 1.298 1.443c.508.196 1.001.361 1.001.689c0 .246-.197.41-.641.41c-.41 0-.821-.164-1.263-.509l-.657.952c.492.41 1.247.689 1.871.689c1.313 0 2.019-.689 2.019-1.592c-.001-.9-.707-1.277-1.346-1.491m-11.21 1.854c-.114 0-.262-.098-.262-.41V7.725H4.039c-.886 0-1.279.344-1.279 1.411c0 .706.099 1.101.099 1.707c0 .345-.213.706-.854.739v.853c.641.017.854.378.854.723c0 .606-.099.968-.099 1.674c0 1.067.394 1.411 1.264 1.411h.64v-.755h-.197c-.411 0-.542-.164-.542-.706s.049-1.001.049-1.607c0-.756-.245-1.05-.738-1.165v-.051c.493-.114.738-.409.738-1.165c0-.59-.049-1.066-.049-1.607c0-.542.114-.689.542-.689h.442v4.711c0 1.001.345 1.657 1.346 1.657c.313 0 .559-.05.739-.115l-.165-1.066c-.098.013-.146.013-.196.013m7.238-1.854c-.509-.196-.969-.312-.969-.64c0-.246.197-.395.558-.395s.689.148 1.051.411l.656-.87c-.41-.313-.968-.641-1.723-.641c-1.116 0-1.872.641-1.872 1.544c0 .804.707 1.214 1.297 1.443c.51.196 1.002.361 1.002.689c0 .246-.197.41-.641.41c-.41 0-.82-.164-1.264-.509l-.64.952c.492.41 1.247.689 1.871.689c1.313 0 2.019-.689 2.019-1.592c.001-.9-.705-1.277-1.345-1.491m-4.842-2.15c-1.198 0-2.347 1.001-2.314 2.577c0 1.624 1.066 2.576 2.479 2.576c.591 0 1.247-.214 1.756-.558l-.492-.87c-.36.213-.706.312-1.066.312c-.657 0-1.165-.312-1.297-1.066h2.971c.017-.115.049-.345.049-.607c.016-1.33-.707-2.364-2.086-2.364m-.935 2.068c.099-.655.492-.969.951-.969c.592 0 .821.411.821.969z"/></svg>
Less アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:less" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:less" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:less" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--less]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:less"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:less"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/less.svg" alt="Less アイコン" width="24" height="24">
Less アイコン のよくある質問
Less アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Less アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:less" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Less アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/less.svg" alt="Less アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
