Folder Fill Badge Person Crop アイコン
f7:folder-fill-badge-person-crop
Folder Fill Badge Person Crop アイコン(f7:folder-fill-badge-person-crop)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- folderfill、fillbadge、badgeperson、personcrop、folderfillbadgepersoncrop
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M45.553 30.908C51.27 30.908 56 26.22 56 20.461c0-5.717-4.73-10.447-10.447-10.447c-5.718 0-10.448 4.73-10.448 10.447c0 5.759 4.73 10.447 10.448 10.447M32.41 22.106a11 11 0 0 1-.123-1.645c0-2.262.576-4.4 1.604-6.272h-13.12c-1.4 0-2.242-.35-3.27-1.214l-1.255-1.049c-1.357-1.13-2.406-1.521-4.442-1.521H5.676C2.077 10.405 0 12.46 0 16.615v5.491Zm13.142-1.028c-1.892 0-3.353-1.563-3.353-3.702c0-1.912 1.46-3.537 3.353-3.537c1.892 0 3.352 1.625 3.352 3.537c0 2.14-1.46 3.702-3.352 3.702m0 7.424c-3.003 0-5.368-1.542-6.026-2.961v-.103c.658-1.275 2.756-2.694 6.026-2.694s5.368 1.419 6.046 2.715v.082c-.7 1.44-3.044 2.961-6.046 2.961M0 42.2c0 4.257 2.18 6.375 6.458 6.375h34.94c3.682 0 5.82-2.139 5.82-6.375v-8.576a11 11 0 0 1-1.645.123c-5.738 0-10.673-3.701-12.524-8.843H0Z"/></svg>
Folder Fill Badge Person Crop アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:folder-fill-badge-person-crop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:folder-fill-badge-person-crop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:folder-fill-badge-person-crop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--folder-fill-badge-person-crop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:folder-fill-badge-person-crop"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:folder-fill-badge-person-crop"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/folder-fill-badge-person-crop.svg" alt="Folder Fill Badge Person Crop アイコン" width="24" height="24">
Folder Fill Badge Person Crop アイコン のよくある質問
Folder Fill Badge Person Crop アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Folder Fill Badge Person Crop アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:folder-fill-badge-person-crop" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Folder Fill Badge Person Crop アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/folder-fill-badge-person-crop.svg" alt="Folder Fill Badge Person Crop アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
