Hay Day アイコン
arcticons:hay-day
Hay Day アイコン(arcticons:hay-day)は、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
- タグ
- hayday
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="M28.462 25.886c.903-3.323-2.925-9.36-8.411-9.247c-4.425.091-8.24 4.148-8.059 8.454c.18 4.248 4.212 7.845 7.31 7.574c.791-.069 1.551-.546 3.039-1.497c3.78-2.417 5.67-3.626 6.12-5.284"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.497 27.473c3.056 1.341 4.311 6.262 3.254 7.98c-3.83.132-9.227-3.766-9.227-3.766"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.994 32.682c-.165 4.785 1.75 6.569 4.36 6.965s6.606.353 4.003-4.844"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.143 32.445c1.757 4.296 5.739 5.937 7.76 6.305m.684-13.7c.254-4.269 5.3-5.082 8.274-7.101c1.49-1.012 2.235-3.059 2.048-4.525c-.562-4.393-2.875-6.068-5.02-5.515c-4.228 1.09-1.916 10.139-6.21 8.124c-4.293-2.015 2.004-12.879-6.01-11.394c-4.278.793-4.789 3.39-3.567 6.11c.934 2.079 2.779 3.781 1.949 5.89m-2.147.36s-2.816-6.038-6.044-4.962c-4.095 1.365-3.678 8.81 1.145 8.995"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.076 21.865c2.954 1.269 3.725 8.138 1.044 10.417m-4.09 7.184c1.178 3.054 2.004 4.034 2.004 4.034M15.759 31.567c.99 5.207-2.05 11.933-2.05 11.933m8.092-20.697c1.076 0 1.949 1.287 1.949 2.874s-.873 2.873-1.949 2.873s-1.948-1.286-1.948-2.873H21.8zm7.889 6.577c1.565-1.581.054-3.113-.54-2.712c-.76.511-.472 1.565-.472 1.565"/></svg>Hay Day アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:hay-day" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:hay-day" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:hay-day" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--hay-day]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:hay-day"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:hay-day"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/hay-day.svg" alt="Hay Day アイコン" width="24" height="24">Arcticons の関連アイコン
Hay Day アイコン のよくある質問
Hay Day アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Hay Day アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:hay-day" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hay Day アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/hay-day.svg" alt="Hay Day アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。