Users 1 Outline アイコン

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

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

glyphs:users-1-outline

Users 1 Outline アイコン(glyphs:users-1-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="M41.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.815m24.685-6.86a9.103 9.103 0 0 1 14.5 0l.148.195a9.6 9.6 0 0 1 1.734 7.84l-.092.428a9.251 9.251 0 0 1-18.08 0l-.093-.428a9.6 9.6 0 0 1 1.735-7.84zm7.25.402a5.1 5.1 0 0 0-4.064 2.017l-.148.195a5.6 5.6 0 0 0-1.012 4.572l.093.427a5.25 5.25 0 0 0 10.262 0l.093-.427a5.6 5.6 0 0 0-1.012-4.572l-.148-.195a5.1 5.1 0 0 0-4.064-2.017"/><path fill="currentColor" fill-opacity=".25" d="M65.725 48.29a9.595 9.595 0 0 1 6.273 9.002v.574A4.133 4.133 0 0 1 67.865 62H49.86a5.2 5.2 0 0 1-5.061 4H13.2A5.2 5.2 0 0 1 8 60.8v-1.207c0-5.401 3.341-10.24 8.392-12.153a35.6 35.6 0 0 1 25.216 0a13 13 0 0 1 3.964 2.381a9.6 9.6 0 0 1 2.7-1.53a25.2 25.2 0 0 1 17.453 0M46 60.8v-.734L45.999 60v-.407a9 9 0 0 0-2.027-5.69a9 9 0 0 0-3.781-2.722a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 12 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2M67.865 58H49.902a13 13 0 0 0-1.764-5.11c.45-.353.96-.64 1.518-.846a21.2 21.2 0 0 1 14.684 0a5.595 5.595 0 0 1 3.658 5.249v.573c0 .074-.06.134-.133.134"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.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.815m24.685-6.86a9.103 9.103 0 0 1 14.5 0l.148.195a9.6 9.6 0 0 1 1.734 7.84l-.092.428a9.251 9.251 0 0 1-18.08 0l-.093-.428a9.6 9.6 0 0 1 1.735-7.84zm7.25.402a5.1 5.1 0 0 0-4.064 2.017l-.148.195a5.6 5.6 0 0 0-1.012 4.572l.093.427a5.25 5.25 0 0 0 10.262 0l.093-.427a5.6 5.6 0 0 0-1.012-4.572l-.148-.195a5.1 5.1 0 0 0-4.064-2.017"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M65.725 48.29a9.595 9.595 0 0 1 6.273 9.002v.574A4.133 4.133 0 0 1 67.865 62H49.86a5.2 5.2 0 0 1-5.061 4H13.2A5.2 5.2 0 0 1 8 60.8v-1.207c0-5.401 3.341-10.24 8.392-12.153a35.6 35.6 0 0 1 25.216 0a13 13 0 0 1 3.964 2.381a9.6 9.6 0 0 1 2.7-1.53a25.2 25.2 0 0 1 17.453 0M46 60.8v-.734L45.999 60v-.407a9 9 0 0 0-2.027-5.69a9 9 0 0 0-3.781-2.722a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 12 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2M67.865 58H49.902a13 13 0 0 0-1.764-5.11c.45-.353.96-.64 1.518-.846a21.2 21.2 0 0 1 14.684 0a5.595 5.595 0 0 1 3.658 5.249v.573c0 .074-.06.134-.133.134"/></g></svg>

Users 1 Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Glyphs の関連アイコン

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

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

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

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

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

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

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

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