ICONYZ
日本語
Huge Icons の Dress 04 アイコン

Dress 04 アイコン

hugeicons:dress-04

Dress 04 アイコン(hugeicons:dress-04)は、Huge Icons セットの無料 SVG アイコンです(作者: Hugeicons)。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Huge Icons
作者
Hugeicons
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m15 4l-3 2l-3-2c-.586.51-1.93 1.293-1.997 2.146c-.029.37.126.571.435.975c.674.881 1.442 1.4 1.442 2.879h6.24c0-1.48.768-1.998 1.442-2.879c.31-.404.464-.606.434-.975C16.93 5.293 15.587 4.509 15 4m4.863 13.808c-.704-2.69-2.497-5.158-3.682-6.571c-.85-1.014-1.477-1.237-2.81-1.237H10.63c-1.334 0-1.961.223-2.811 1.237c-1.185 1.413-2.978 3.88-3.682 6.571c-.43 1.642.154 2.541 1.75 3.122C7.32 21.452 9.436 22 12 22s4.679-.548 6.113-1.07c1.596-.58 2.18-1.48 1.75-3.122M9 4V2m6 2V2"/><path d="M14 15s2 3 2 6.5M10 15s-2 3-2 6.5"/></g></svg>

Dress 04 アイコンの使い方

React

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

<Icon icon="hugeicons:dress-04" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:dress-04" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:dress-04" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--dress-04]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:dress-04"></div>

Web コンポーネント

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

<iconify-icon icon="hugeicons:dress-04"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/dress-04.svg" alt="Dress 04 アイコン" width="24" height="24">

Huge Icons の関連アイコン

Dress 04 アイコン のよくある質問

Dress 04 アイコンは商用利用でも無料ですか?

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

React で Dress 04 アイコンを使うには?

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

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

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

Huge Icons をすべて見る →