Users Outline アイコン

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

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:users-outline

Users Outline アイコン(glyphs:users-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: usersoutline、user

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M52.274 32.317a12.546 12.546 0 0 1-24.548 0l-.204-.967c-.79-3.73.056-7.619 2.323-10.684l.33-.446a12.22 12.22 0 0 1 19.65 0l.33.447a13.32 13.32 0 0 1 2.323 10.683zm-16.211 4.986a8.545 8.545 0 0 0 12.298-5.815l.204-.966a9.32 9.32 0 0 0-1.626-7.476l-.33-.447a8.22 8.22 0 0 0-13.218 0l-.33.447a9.32 9.32 0 0 0-1.626 7.476l.204.966a8.55 8.55 0 0 0 4.424 5.815M12.64 31.96a7.89 7.89 0 0 1 12.72 0l.21.286a8.6 8.6 0 0 1 1.484 6.854l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.854zm6.36.78a3.89 3.89 0 0 0-3.136 1.587l-.21.287a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.018 0l.13-.618a4.6 4.6 0 0 0-.792-3.663l-.21-.287A3.89 3.89 0 0 0 19 32.74m35.64-.78a7.89 7.89 0 0 1 12.72 0l.21.287a8.6 8.6 0 0 1 1.484 6.853l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.853zm6.36.78a3.89 3.89 0 0 0-3.136 1.588l-.21.286a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.019 0l.13-.618a4.6 4.6 0 0 0-.793-3.663l-.21-.286A3.89 3.89 0 0 0 61 32.739"/><path fill="currentColor" fill-opacity=".25" d="M11.372 47.573a21.4 21.4 0 0 1 15.477.087q.268-.115.543-.22a35.6 35.6 0 0 1 25.216 0q.274.105.543.22q.11-.046.22-.087a21.4 21.4 0 0 1 15.257 0A8.35 8.35 0 0 1 74 55.372v.761A3.867 3.867 0 0 1 70.133 60H61v.8a5.2 5.2 0 0 1-5.2 5.2H24.2a5.2 5.2 0 0 1-5.2-5.2V60H9.867A3.867 3.867 0 0 1 6 56.133v-.761a8.35 8.35 0 0 1 5.372-7.8m11.285 2.982a17.4 17.4 0 0 0-9.86.755A4.35 4.35 0 0 0 10 55.372V56h9.506a13 13 0 0 1 3.15-5.445m34.686 0A13 13 0 0 1 60.494 56H70v-.628a4.35 4.35 0 0 0-2.798-4.062a17.4 17.4 0 0 0-9.859-.755m-6.152.626a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 23 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2v-1.207a8.995 8.995 0 0 0-5.81-8.412"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M52.274 32.317a12.546 12.546 0 0 1-24.548 0l-.204-.967c-.79-3.73.056-7.619 2.323-10.684l.33-.446a12.22 12.22 0 0 1 19.65 0l.33.447a13.32 13.32 0 0 1 2.323 10.683zm-16.211 4.986a8.545 8.545 0 0 0 12.298-5.815l.204-.966a9.32 9.32 0 0 0-1.626-7.476l-.33-.447a8.22 8.22 0 0 0-13.218 0l-.33.447a9.32 9.32 0 0 0-1.626 7.476l.204.966a8.55 8.55 0 0 0 4.424 5.815M12.64 31.96a7.89 7.89 0 0 1 12.72 0l.21.286a8.6 8.6 0 0 1 1.484 6.854l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.854zm6.36.78a3.89 3.89 0 0 0-3.136 1.587l-.21.287a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.018 0l.13-.618a4.6 4.6 0 0 0-.792-3.663l-.21-.287A3.89 3.89 0 0 0 19 32.74m35.64-.78a7.89 7.89 0 0 1 12.72 0l.21.287a8.6 8.6 0 0 1 1.484 6.853l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.853zm6.36.78a3.89 3.89 0 0 0-3.136 1.588l-.21.286a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.019 0l.13-.618a4.6 4.6 0 0 0-.793-3.663l-.21-.286A3.89 3.89 0 0 0 61 32.739"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.372 47.573a21.4 21.4 0 0 1 15.477.087q.268-.115.543-.22a35.6 35.6 0 0 1 25.216 0q.274.105.543.22q.11-.046.22-.087a21.4 21.4 0 0 1 15.257 0A8.35 8.35 0 0 1 74 55.372v.761A3.867 3.867 0 0 1 70.133 60H61v.8a5.2 5.2 0 0 1-5.2 5.2H24.2a5.2 5.2 0 0 1-5.2-5.2V60H9.867A3.867 3.867 0 0 1 6 56.133v-.761a8.35 8.35 0 0 1 5.372-7.8m11.285 2.982a17.4 17.4 0 0 0-9.86.755A4.35 4.35 0 0 0 10 55.372V56h9.506a13 13 0 0 1 3.15-5.445m34.686 0A13 13 0 0 1 60.494 56H70v-.628a4.35 4.35 0 0 0-2.798-4.062a17.4 17.4 0 0 0-9.859-.755m-6.152.626a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 23 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2v-1.207a8.995 8.995 0 0 0-5.81-8.412"/></g></svg>

Users Outline アイコンの使い方

React

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

<Icon icon="glyphs:users-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:users-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:users-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--users-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:users-outline"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:users-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/users-outline.svg" alt="Users Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Users Outline アイコン

Users Outline アイコンのよくある質問

Users Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Users Outline アイコンを使うには?

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

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

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

Glyphs アイコンをすべて見る →