Dress 07 アイコン

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

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

hugeicons:dress-07

Dress 07 アイコン(hugeicons:dress-07)は、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-width="1.5"><path d="M10.134 12.22c.67-.365 1.256-.217 1.607.017c.145.097.217.145.259.145s.114-.048.259-.145c.351-.234.936-.382 1.607-.016c.88.48 1.079 2.062-.95 3.397c-.387.255-.58.382-.916.382c-.335 0-.529-.127-.915-.382c-2.03-1.335-1.83-2.917-.95-3.397Z"/><path stroke-linejoin="round" d="M6.269 7.966C5.55 8.658 5.192 9.004 4.755 9c-1.023-.009-2.829-1.996-2.753-3.014c.031-.412.397-.721 1.13-1.339l2.197-1.853c.65-.549 1.544-.57 2.356-.727c.324-.062.486-.094.63-.038c.464.18.847 1.024 1.124 1.405C10.604 5.038 11.186 5.84 12 5.84s1.397-.802 2.562-2.406c.276-.381.66-1.226 1.123-1.405c.144-.056.306-.024.63.038c.844.163 1.677.154 2.356.727l2.198 1.853c.732.618 1.099.927 1.13 1.339c.075 1.018-1.73 3.005-2.753 3.014c-.438.004-.796-.342-1.514-1.034"/><path stroke-linejoin="round" d="M6 7c1.5 2 .956 4.182.598 6.218c-.378 2.15-1.015 3.458-1.378 5.223c-.25 1.212-.375 1.818.114 2.33c1.378 1.447 11.6 1.82 13.332 0c.489-.512.364-1.118.114-2.33c-.363-1.765-1-3.073-1.378-5.223C17.044 11.18 16.5 9 18 7"/></g></svg>

Dress 07 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Huge Icons の関連アイコン

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

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

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

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

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

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

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

Huge Icons をすべて見る →