ICONYZ
日本語
Arcticons の Fun Habit アイコン

Fun Habit アイコン

arcticons:fun-habit

Fun Habit アイコン(arcticons:fun-habit)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
タグ
funhabit
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.268 9.734a8.54 8.54 0 0 1 3.043 6.556v17.645a8.546 8.546 0 0 1-8.566 8.565h-19.49a8.546 8.546 0 0 1-8.566-8.565V16.29a8.546 8.546 0 0 1 8.566-8.564H30.7M13.209 20.209h11.174M13.209 31.308h20.14"/><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M25.982 7.725V7.64c0-1.186.955-2.14 2.142-2.14h.832"/><path d="M28.559 5.5h8.564c1.186 0 2.142.955 2.142 2.141v16.437l-4.29-2.437l-4.276 2.437V7.64a2.137 2.137 0 0 0-2.141-2.14"/></g></svg>

Fun Habit アイコンの使い方

React

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

<Icon icon="arcticons:fun-habit" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:fun-habit" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:fun-habit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--fun-habit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:fun-habit"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:fun-habit"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/fun-habit.svg" alt="Fun Habit アイコン" width="24" height="24">

Arcticons の関連アイコン

fun-print アイコン
fun-print
 fun-with-kanji アイコン
fun-with-kanji
 functional-ear-trainer アイコン
functional-ear-trainer
 functiongenerator アイコン
functiongenerator
 funda アイコン
funda
 funimate アイコン
funimate
 funimation アイコン
funimation
 funity アイコン
funity
 funktrainer アイコン
funktrainer
 funkwhale アイコン
funkwhale
 funmax アイコン
funmax
 funyamorake アイコン
funyamorake

Fun Habit アイコン のよくある質問

Fun Habit アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Fun Habit アイコンを使うには?

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

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

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

Arcticons をすべて見る →