Group Light アイコン

Q: Group Light アイコンは商用利用でも無料ですか?

はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

lets-icons:group-light

Group Light アイコン(lets-icons:group-light)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Lets Icons
作者: Leonid Tsvetkov
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: ユーザー・グループ
タグ: grouplight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="9" r="1.5" stroke="currentColor" stroke-linecap="round"/><path stroke="currentColor" d="M15.701 8.25a1.5 1.5 0 1 1 2.598 1.5a1.5 1.5 0 0 1-2.598-1.5Zm-10 0a1.5 1.5 0 1 1 2.598 1.5a1.5 1.5 0 0 1-2.598-1.5Z"/><path fill="currentColor" d="m20.364 15.512l.486-.116zM14.1 13.185l-.29-.406l-.533.38l.507.414zm1.28 2.325l-.489.103zm4.12.49h-5v1h5zm.378-.371a.25.25 0 0 1-.061.243a.43.43 0 0 1-.317.128v1c.8 0 1.57-.683 1.35-1.604zM16.5 13c1.226 0 1.99.409 2.482.912c.506.517.765 1.174.896 1.717l.972-.233c-.154-.642-.475-1.49-1.153-2.184C19.004 12.505 17.977 12 16.5 12zm-2.11.592c.478-.341 1.15-.592 2.11-.592v-1c-1.146 0-2.025.303-2.69.779zm-.606-.02c.653.534.964 1.362 1.107 2.04l.979-.205c-.162-.767-.54-1.863-1.454-2.609zm1.107 2.04a.28.28 0 0 1-.07.257a.44.44 0 0 1-.321.131v1c.804 0 1.561-.68 1.37-1.593zM9.9 13.185l.316.388l.507-.414l-.532-.38zm-6.264 2.327l.486.117zm4.984-.002l-.49-.103zM7.5 13c.96 0 1.631.25 2.11.592l.58-.814C9.526 12.304 8.647 12 7.5 12zm-3.378 2.629c.13-.543.39-1.2.896-1.717C5.51 13.409 6.274 13 7.5 13v-1c-1.478 0-2.504.505-3.197 1.212c-.678.693-1 1.542-1.153 2.184zM4.5 16a.43.43 0 0 1-.317-.128a.25.25 0 0 1-.06-.243l-.973-.233C2.93 16.317 3.7 17 4.5 17zm5 0h-5v1h5zm0 0a.44.44 0 0 1-.322-.13a.28.28 0 0 1-.07-.257l-.978-.206C7.938 16.319 8.696 17 9.5 17zm-.391-.387c.143-.68.454-1.507 1.107-2.04l-.632-.775c-.914.746-1.292 1.842-1.454 2.609z"/><path stroke="currentColor" stroke-linecap="round" d="M12 12.5c2.364 0 3.131 1.825 3.38 3.01c.114.54-.328.99-.88.99h-5c-.552 0-.994-.45-.88-.99c.249-1.185 1.016-3.01 3.38-3.01Zm6.5 9H20a1.5 1.5 0 0 0 1.5-1.5v-1.5m-3-16H20A1.5 1.5 0 0 1 21.5 4v1.5m-16 16H4A1.5 1.5 0 0 1 2.5 20v-1.5m3-16H4A1.5 1.5 0 0 0 2.5 4v1.5"/></g></svg>

Group Light アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="lets-icons:group-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="lets-icons:group-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="lets-icons:group-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--group-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:group-light"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="lets-icons:group-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lets-icons/group-light.svg" alt="Group Light アイコン" width="24" height="24">

Lets Icons の関連アイコン

Group Light アイコンのよくある質問

Group Light アイコンは商用利用でも無料ですか?

はい。Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Group Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="lets-icons:group-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Group Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lets-icons/group-light.svg" alt="Group Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Lets Icons をすべて見る →