Personal Stuff アイコン
arcticons:personal-stuff
Personal Stuff アイコン(arcticons:personal-stuff)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- personalstuff
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.019 31.114c-1.328-.034-2.217.642-2.217 1.502v6.005c0 1.178 1.297 1.746 2.477 1.777m8.47-14.323l1.738 1.739l-1.738 1.739l-1.74-1.739z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.009 27.814v-9.461h3.479v9.461"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.019 21.117V38.86c0 2.263 1.78 4.64 3.819 4.64h20.324c2.039 0 3.82-2.377 3.82-4.64V21.117"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.72 40.398c1.182-.031 2.478-.599 2.478-1.777v-6.005c0-.86-.889-1.536-2.217-1.502m-21.006-7.916h-4.57c-1.372 0-2.386-.98-2.386-2.081V12.21c0-1.433 1.03-2.798 2.442-2.798H35.54c1.411 0 2.441 1.365 2.441 2.798v8.906c0 1.102-1.014 2.081-2.387 2.081h-4.57m-3.512.001h-7.024"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.316 9.413C17.45 7.2 20.273 4.5 24 4.5s6.55 2.7 6.684 4.913m2.898 23.1v4.026c0 2.434-1.806 3.48-3.717 3.48h-11.73c-1.91 0-3.717-1.046-3.717-3.48v-4.026zm-2.592-4.698l-1.739 1.738l-1.739-1.738l1.739-1.74z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.991 27.814v-9.461h-3.479v9.461"/></svg>Personal Stuff アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:personal-stuff" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:personal-stuff" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:personal-stuff" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--personal-stuff]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:personal-stuff"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:personal-stuff"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/personal-stuff.svg" alt="Personal Stuff アイコン" width="24" height="24">Arcticons の関連アイコン
Personal Stuff アイコン のよくある質問
Personal Stuff アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Personal Stuff アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:personal-stuff" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Personal Stuff アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/personal-stuff.svg" alt="Personal Stuff アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。