Settings Bold アイコン
iconamoon:settings-bold
Settings Bold アイコン(iconamoon:settings-bold)は、IconaMoon セットの無料 SVG アイコンです（作者: Dariush Habibpour）。 24 × 24 のグリッドで描かれています。 IconaMoon icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconaMoon
- 作者
- Dariush Habibpour
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 一般
- タグ
- settingsbold、setting
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="12" r="2" stroke="currentColor" stroke-width="2.5"/><path fill="currentColor" d="m5.399 5.88l.625-1.083a1.25 1.25 0 0 0-1.542.232zM3.4 9.344l-1.195-.369a1.25 1.25 0 0 0 .57 1.451zm-.002 5.311l-.625-1.082a1.25 1.25 0 0 0-.57 1.452zm2 3.464l-.918.85a1.25 1.25 0 0 0 1.543.233zm4.6 2.655H8.75c0 .583.404 1.089.973 1.219zm4.001.002l.278 1.22a1.25 1.25 0 0 0 .972-1.22zM18.6 18.12l-.625 1.082a1.25 1.25 0 0 0 1.542-.232zm1.998-3.466l1.195.369a1.25 1.25 0 0 0-.57-1.451zm.002-5.311l.625 1.082a1.25 1.25 0 0 0 .57-1.452zm-2-3.465l.917-.849a1.25 1.25 0 0 0-1.542-.233zM14 3.225h1.25a1.25 1.25 0 0 0-.972-1.219zm-4-.002l-.278-1.22a1.25 1.25 0 0 0-.972 1.22zm4 1.849h-1.25zm5 8.66l-.625 1.083zm-2 3.464l-.625 1.083zM5 13.732l.625 1.083zm2-6.928l-.625 1.082zm-2.405 2.91a7.74 7.74 0 0 1 1.72-2.985l-1.833-1.7a10.24 10.24 0 0 0-2.276 3.947zm.693 6.161a7.8 7.8 0 0 1-.695-1.589l-2.388.74c.222.719.528 1.422.918 2.099zm1.028 1.396a7.8 7.8 0 0 1-1.028-1.396l-2.165 1.25c.39.676.848 1.293 1.358 1.845zm7.406 2.288a7.74 7.74 0 0 1-3.444-.003l-.556 2.438c1.479.337 3.037.349 4.556.002zm5.683-5.272a7.74 7.74 0 0 1-1.72 2.984l1.833 1.7a10.24 10.24 0 0 0 2.276-3.947zm-.693-6.162c.297.514.527 1.047.695 1.588l2.388-.74a10.3 10.3 0 0 0-.918-2.098zm-1.028-1.397q.58.626 1.028 1.397l2.165-1.25a10.3 10.3 0 0 0-1.359-1.845zm-7.406-2.287a7.74 7.74 0 0 1 3.444.003l.556-2.438a10.24 10.24 0 0 0-4.556-.002zm.972.63V3.224h-2.5v1.849zm-3.625.65l-1.601-.924l-1.25 2.165l1.6.924zm-3.25 6.929l-1.601.924l1.25 2.165l1.6-.924zm1.25-3.465l-1.6-.923l-1.25 2.165l1.6.924zm5.625 11.59v-1.847h-2.5v1.847zm-4.875-4.661l-1.601.924l1.25 2.165l1.6-.924zm12.851.924l-1.601-.924l-1.25 2.165l1.601.924zm-3.976 3.74v-1.85h-2.5v1.85zM19.976 8.26l-1.601.924l1.25 2.165l1.601-.924zm1.248 5.312l-1.599-.924l-1.25 2.166l1.6.923zm-5.974-8.5V3.225h-2.5v1.847zm2.726-.275l-1.601.924l1.25 2.165l1.601-.924zm-5.226.275c0 2.502 2.708 4.065 4.875 2.814l-1.25-2.165a.75.75 0 0 1-1.125-.65zm5.625 4.113c-2.167 1.251-2.167 4.379 0 5.63l1.25-2.165a.75.75 0 0 1 0-1.3zm-.75 6.929c-2.167-1.251-4.875.312-4.875 2.814h2.5a.75.75 0 0 1 1.125-.65zm-6.375 2.814c0-2.502-2.708-4.065-4.875-2.814l1.25 2.165a.75.75 0 0 1 1.125.65zm-5.625-4.113c2.167-1.251 2.167-4.379 0-5.63l-1.25 2.165a.75.75 0 0 1 0 1.3zM8.75 5.072a.75.75 0 0 1-1.125.65l-1.25 2.164c2.167 1.251 4.875-.312 4.875-2.814z"/></g></svg>Settings Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iconamoon:settings-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconamoon:settings-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconamoon:settings-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconamoon--settings-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconamoon -->
<div class="i-iconamoon:settings-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconamoon:settings-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/iconamoon/settings-bold.svg" alt="Settings Bold アイコン" width="24" height="24">IconaMoon の関連アイコン
他のアイコンセットの Settings Bold アイコン
Settings Bold アイコン のよくある質問
Settings Bold アイコンは商用利用でも無料ですか?
はい。IconaMoon icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Settings Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="iconamoon:settings-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Settings Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iconamoon/settings-bold.svg" alt="Settings Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。