Configuration 01 アイコン
hugeicons:configuration-01
Configuration 01 アイコン(hugeicons:configuration-01)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Huge Icons
- 作者
- Hugeicons
- ライセンス
- MIT
- サイズ
- 24 × 24
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="M2.256 15.632c.034-.323.268-.583.737-1.104l1.03-1.153c.253-.32.432-.875.432-1.375s-.18-1.056-.431-1.375L2.993 9.472c-.469-.52-.703-.781-.737-1.104s.141-.627.491-1.234l.494-.857c.373-.648.56-.972.877-1.1c.318-.13.677-.028 1.395.176l1.22.343c.459.106.94.046 1.359-.169l.337-.194a2 2 0 0 0 .788-.968l.334-.997c.22-.66.33-.99.59-1.18C10.404 2 10.752 2 11.445 2h1.115c.695 0 1.042 0 1.303.189c.262.189.371.519.591 1.179l.334.997a2 2 0 0 0 .788.968l.337.194c.419.215.9.275 1.358.17l1.22-.344c.719-.204 1.078-.306 1.396-.177c.317.13.504.453.877 1.101l.494.857c.35.607.525.91.49 1.234c-.033.323-.267.583-.736 1.104l-1.03 1.153c-.253.319-.432.875-.432 1.375s.18 1.056.431 1.375l1.031 1.153c.469.52.703.781.737 1.104s-.141.627-.491 1.234l-.494.857c-.373.648-.56.972-.877 1.1c-.318.13-.677.028-1.395-.176l-1.22-.343a2 2 0 0 0-1.36.169l-.336.194c-.36.23-.635.57-.788.968l-.334.997c-.22.66-.33.99-.59 1.18c-.262.188-.61.188-1.304.188h-1.114c-.695 0-1.042 0-1.303-.189c-.262-.189-.372-.518-.591-1.178"/><path d="M2.737 18.78c1.08-1.08 4.752-4.716 5.112-5.136c.38-.444.072-1.044.256-2.904c.088-.9.282-1.574.836-2.076c.66-.624 1.2-.624 3.06-.666c1.62.042 1.812-.138 1.98.282c.12.3-.24.48-.672.96c-.96.96-1.524 1.44-1.578 1.74c-.39 1.32 1.146 2.1 1.986 1.26c.318-.318 1.788-1.8 1.932-1.92c.108-.096.367-.092.492.06c.108.106.12.12.108.6c-.011.444-.006 1.082-.005 1.74c.002.852-.043 1.8-.403 2.28c-.72 1.08-1.92 1.14-3 1.188c-1.02.06-1.86-.048-2.124.144c-.216.108-1.356 1.308-2.736 2.688l-2.46 2.46c-2.04 1.62-4.284-.9-2.784-2.7Z"/></g></svg>Configuration 01 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:configuration-01" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:configuration-01" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:configuration-01" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--configuration-01]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:configuration-01"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:configuration-01"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/configuration-01.svg" alt="Configuration 01 アイコン" width="24" height="24">Huge Icons の関連アイコン
Configuration 01 アイコン のよくある質問
Configuration 01 アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Configuration 01 アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:configuration-01" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Configuration 01 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/configuration-01.svg" alt="Configuration 01 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。