Person Alt アイコン

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

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

f7:person-alt

Person Alt アイコン(f7:person-alt)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Framework7 Icons
作者: Vladimir Kharlampidi
ライセンス: MIT
サイズ: 56 × 56
タグ: personalt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M42.853 42.714q-.446-.06-.859-.125c-6.058-.963-6.667-3.117-7.457-4.768c-.642-.277-.957-.5-1.286-1.643c-.142-.488-.388-2.654-.284-3.498c.498-.467.876-1.653 1.04-2.204c.442-1.474.549-1.832.97-3.796c.06-.28.219-.394.348-.442c.392-.142.482-.457.61-.69c.303-.534.043-.774.516-2.077c.604-1.482.698-3.008.24-3.446c-.311-.277-.5-.07-.653-.014c-.102.04-.023-.215.069-.578c.363-1.493.365-2.758.463-4.288c.079-1.239-.004-2.369-.159-3.07c-.146-.145-.523-1.77-.955-2.72c-.738-1.632-2.95-1.885-3.708-2.212c-1.804-.755-4.06-1.778-6.734-.623c-1.19.513-2.775.563-4.5 2.504c-.408.456-1.136.064-1.949 1.84c-.825 1.74-.869 2.886-.681 4.13l-.057.003s.021 2.977.386 4.47c.09.364.167.617.067.579c-.152-.056-.361-.236-.672.042c-.46.438-.216 1.901.388 3.383c.476 1.303.159 1.691.665 2.377c.18.244.348.373.542.455c.13.052.313.068.398.34c.557 2.02.66 2.64 1.239 3.842c.25.519.531 1.818 1.049 2.322c.085.711-.003 2.76-.115 3.371c-.18.961-.517 1.239-1.422 1.643c-.492 1.6-1.797 3.048-7.255 4.722q-.28.086-.571.171q-.156.052-5.545 4.783A2 2 0 0 0 8.301 51h38.907a2 2 0 0 0 1.289-3.53z"/></svg>

Person Alt アイコンの使い方

React

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

<Icon icon="f7:person-alt" width="24" />

Vue

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

<template>
  <Icon icon="f7:person-alt" width="24" />
</template>

Svelte

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

<Icon icon="f7:person-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--person-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:person-alt"></div>

Web コンポーネント

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

<iconify-icon icon="f7:person-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/f7/person-alt.svg" alt="Person Alt アイコン" width="24" height="24">

Framework7 Icons の関連アイコン

Person Alt アイコンのよくある質問

Person Alt アイコンは商用利用でも無料ですか?

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

React で Person Alt アイコンを使うには?

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

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

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

Framework7 Icons をすべて見る →