Single Woman Home アイコン
streamline-ultimate-color:single-woman-home
Single Woman Home アイコン(streamline-ultimate-color:single-woman-home)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ユーザー
- タグ
- singlewoman、womanhome、singlewomanhome
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#c2f3ff" d="M1.957 23A.956.956 0 0 1 1 22.044V8.939a.96.96 0 0 1 .41-.785L11.454 1.17a.96.96 0 0 1 1.092 0L22.59 8.154a.96.96 0 0 1 .41.785v13.105a.957.957 0 0 1-.957.956z"/><path fill="#66e1ff" d="M22.59 8.158L12.546 1.175a.96.96 0 0 0-1.092 0L1.41 8.158a.96.96 0 0 0-.41.786v3.31a.96.96 0 0 1 .41-.786l10.044-6.982a.96.96 0 0 1 1.092 0l10.044 6.982a.96.96 0 0 1 .41.786v-3.31a.96.96 0 0 0-.41-.786"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1.957 23A.956.956 0 0 1 1 22.044V8.939a.96.96 0 0 1 .41-.785L11.454 1.17a.96.96 0 0 1 1.092 0L22.59 8.154a.96.96 0 0 1 .41.785v13.105a.957.957 0 0 1-.957.956z"/><path fill="#e3e3e3" d="M16.838 19.652a5.09 5.09 0 0 0-9.566 0"/><path fill="#fff" d="M12.059 17.864a5.04 5.04 0 0 1 3.837 1.788h.942a5.09 5.09 0 0 0-9.566 0h.946a5.06 5.06 0 0 1 3.84-1.788"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.838 19.652a5.09 5.09 0 0 0-9.566 0"/><path fill="#c77f67" d="M15.52 11.225v.574c-.143 0-.277-.01-.42-.02a4.65 4.65 0 0 1-3.1-1.597a4.68 4.68 0 0 1-3.108 1.598c-.144.01-.278.019-.421.019v-.574a3.525 3.525 0 0 1 7.05 0"/><path fill="#e3bfb3" d="M12 7.696a3.527 3.527 0 0 0-3.53 3.53v.573q.062.001.12-.006a3.509 3.509 0 0 1 6.81 0c.04 0 .08.006.12.006v-.574A3.525 3.525 0 0 0 12 7.695"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M15.52 11.225v.574c-.143 0-.277-.01-.42-.02a4.65 4.65 0 0 1-3.1-1.597a4.68 4.68 0 0 1-3.108 1.598c-.144.01-.278.019-.421.019v-.574a3.525 3.525 0 0 1 7.05 0M8.47 11.8v.449a4.55 4.55 0 0 1-.65 2.496m7.701-2.945v.449c-.03.879.2 1.747.66 2.496"/><path fill="#ffdda1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M15.1 11.78a3.107 3.107 0 0 1-6.208 0A4.68 4.68 0 0 0 12 10.183a4.65 4.65 0 0 0 3.1 1.597"/></g></svg>
Single Woman Home アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:single-woman-home" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:single-woman-home" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:single-woman-home" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--single-woman-home]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:single-woman-home"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:single-woman-home"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/single-woman-home.svg" alt="Single Woman Home アイコン" width="24" height="24">
Ultimate color icons の関連アイコン
他のアイコンセットの Single Woman Home アイコン
Single Woman Home アイコン のよくある質問
Single Woman Home アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Single Woman Home アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:single-woman-home" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Single Woman Home アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/single-woman-home.svg" alt="Single Woman Home アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ultimate color icons をすべて見る →
