Personal Collection アイコン
icon-park:personal-collection
Personal Collection アイコン(icon-park:personal-collection)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 人物
- タグ
- personalcollection
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><circle cx="24" cy="11" r="7" fill="#2F88FF"/><path d="M4 41C4 32.1634 12.0589 25 22 25"/><path fill="#2F88FF" d="M31.85 28C29.7237 28 28 30.0086 28 32.4864C28 36.9727 32.55 41.0513 35 42C37.45 41.0513 42 36.9727 42 32.4864C42 30.0086 40.2763 28 38.15 28C36.8479 28 35.6967 28.7533 35 29.9062C34.3033 28.7533 33.1521 28 31.85 28Z"/></g></svg>Personal Collection アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:personal-collection" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:personal-collection" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:personal-collection" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--personal-collection]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:personal-collection"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:personal-collection"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/personal-collection.svg" alt="Personal Collection アイコン" width="24" height="24">IconPark の関連アイコン
他のアイコンセットの Personal Collection アイコン
Personal Collection アイコン のよくある質問
Personal Collection アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Personal Collection アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:personal-collection" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Personal Collection アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/personal-collection.svg" alt="Personal Collection アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。