Less アイコン
fa7-brands:less
Less アイコン(fa7-brands:less)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M613.2 283c0-20.5 3.2-32.6 3.2-54.6c0-34.2-12.6-45.2-40.5-45.2h-20.5v24.2h6.3c14.2 0 17.3 4.7 17.3 22.1c0 16.3-1.6 32.6-1.6 51.5c0 24.2 7.9 33.6 23.6 37.3v1.6c-15.8 3.7-23.6 13.1-23.6 37.3c0 18.9 1.6 34.2 1.6 51.5c0 17.9-3.7 22.6-17.3 22.6v.5h-6.3V457h20.5c27.8 0 40.5-11 40.5-45.2c0-22.6-3.2-34.2-3.2-54.6c0-11 6.8-22.6 27.3-23.6v-27.3c-20.5-.7-27.3-12.3-27.3-23.3m-105.6 32c-15.8-6.3-30.5-10-30.5-20.5c0-7.9 6.3-12.6 17.9-12.6s22.1 4.7 33.6 13.1l21-27.8c-13.1-10-31-20.5-55.2-20.5c-35.7 0-59.9 20.5-59.9 49.4c0 25.7 22.6 38.9 41.5 46.2c16.3 6.3 32.1 11.6 32.1 22.1c0 7.9-6.3 13.1-20.5 13.1c-13.1 0-26.3-5.3-40.5-16.3l-21 30.5c15.8 13.1 39.9 22.1 59.9 22.1c42 0 64.6-22.1 64.6-51s-22.5-41-43-47.8m-358.9 59.4c-3.7 0-8.4-3.2-8.4-13.1V183.1H65.7c-28.4 0-41 11-41 45.2c0 22.6 3.2 35.2 3.2 54.6c0 11-6.8 22.6-27.3 23.6v27.3c20.5.5 27.3 12.1 27.3 23.1c0 19.4-3.2 31-3.2 53.6c0 34.2 12.6 45.2 40.5 45.2h20.5v-24.2h-6.3c-13.1 0-17.3-5.3-17.3-22.6s1.6-32.1 1.6-51.5c0-24.2-7.9-33.6-23.6-37.3v-1.6c15.8-3.7 23.6-13.1 23.6-37.3c0-18.9-1.6-34.2-1.6-51.5s3.7-22.1 17.3-22.1h14.1v150.8c0 32.1 11 53.1 43.1 53.1c10 0 17.9-1.6 23.6-3.7l-5.3-34.2c-3.1.8-4.6.8-6.2.8M380.4 315c-16.3-6.3-31-10-31-20.5c0-7.9 6.3-12.6 17.9-12.6s22.1 4.7 33.6 13.1l21-27.8c-13.1-10-31-20.5-55.2-20.5c-35.7 0-59.9 20.5-59.9 49.4c0 25.7 22.6 38.9 41.5 46.2c16.3 6.3 32.1 11.6 32.1 22.1c0 7.9-6.3 13.1-20.5 13.1c-13.1 0-26.3-5.3-40.5-16.3l-20.5 30.5c15.8 13.1 39.9 22.1 59.9 22.1c42 0 64.6-22.1 64.6-51c.1-28.9-22.5-41-43-47.8m-155-68.8c-38.4 0-75.1 32.1-74.1 82.5c0 52 34.2 82.5 79.3 82.5c18.9 0 39.9-6.8 56.2-17.9L271 365.5c-11.6 6.8-22.6 10-34.2 10c-21 0-37.3-10-41.5-34.2h95.2c.5-3.7 1.6-11 1.6-19.4c.6-42.6-22.6-75.7-66.7-75.7m-30 66.2c3.2-21 15.8-31 30.5-31c18.9 0 26.3 13.1 26.3 31z"/></svg>
Less アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:less" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:less" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:less" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--less]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:less"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:less"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/less.svg" alt="Less アイコン" width="24" height="24">
Less アイコン のよくある質問
Less アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Less アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:less" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Less アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/less.svg" alt="Less アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Brands アイコン をすべて見る →
ICONYZ
