Setup 02 アイコン
hugeicons:setup-02
Setup 02 アイコン(hugeicons:setup-02)は、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-width="1.5"><path stroke-linecap="round" d="M17.03 13.348c.541-.249.812-.373.891-.497c.079-.123.079-.32.079-.712v-.278c0-.393 0-.589-.079-.712c-.079-.124-.35-.248-.891-.497c-.803-.37-1.319-1.177-1.291-2.023c.021-.646.032-.969-.039-1.091c-.07-.123-.24-.216-.578-.402l-.323-.177c-.33-.18-.494-.27-.634-.263c-.14.006-.38.168-.857.492a2.36 2.36 0 0 1-2.615 0c-.478-.324-.716-.486-.857-.493c-.14-.006-.305.084-.634.264l-.323.177c-.339.186-.508.279-.578.401c-.07.123-.06.446-.04 1.092c.028.846-.488 1.654-1.29 2.023c-.542.249-.813.373-.892.497c-.079.123-.079.32-.079.712v.278c0 .393 0 .59.079.712c.079.124.35.248.891.497c.803.37 1.319 1.177 1.291 2.023c-.021.646-.032.969.039 1.091c.07.123.24.216.579.402l.322.177c.33.18.494.27.634.264s.38-.169.857-.493a2.36 2.36 0 0 1 2.617 0c.477.324.716.486.857.492c.14.007.305-.083.634-.263l.322-.177c.34-.186.51-.279.58-.402c.07-.122.059-.445.038-1.091c-.028-.846.487-1.654 1.29-2.023Z"/><circle cx="12" cy="12" r="1.75"/><path stroke-linecap="round" stroke-linejoin="round" d="M19 2v2.859A9.97 9.97 0 0 0 12 2C6.477 2 2 6.477 2 12a10 10 0 0 0 .832 4M5 22v-2.859A9.97 9.97 0 0 0 12 22c5.523 0 10-4.477 10-10a10 10 0 0 0-.832-4"/></g></svg>Setup 02 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:setup-02" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:setup-02" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:setup-02" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--setup-02]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:setup-02"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:setup-02"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/setup-02.svg" alt="Setup 02 アイコン" width="24" height="24">Huge Icons の関連アイコン
Setup 02 アイコン のよくある質問
Setup 02 アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Setup 02 アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:setup-02" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Setup 02 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/setup-02.svg" alt="Setup 02 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。