Day Bold アイコン
glyphs:day-bold
Day Bold アイコン(glyphs:day-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- daybold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M34.006 10A2 2 0 0 1 36 12.006l-.025 8.009a2 2 0 0 1-4-.013L32 11.994A2 2 0 0 1 34.006 10m-16.459 5.344a2 2 0 0 1 2.792.451l4.687 6.494a2 2 0 1 1-3.243 2.34l-4.687-6.493a2 2 0 0 1 .451-2.792m43.081 13.998a2 2 0 0 1-1.277 2.524l-4.168 1.368a2 2 0 0 1-1.248-3.8l4.168-1.369a2 2 0 0 1 2.525 1.277m-53.26.012a2 2 0 0 1 2.517-1.293l7.624 2.451a2 2 0 0 1-1.224 3.809L8.66 31.87a2 2 0 0 1-1.292-2.517M18.8 42.971a2 2 0 0 1-1.291 2.516l-7.624 2.451A2 2 0 0 1 8.66 44.13l7.625-2.45a2 2 0 0 1 2.515 1.29m1.38 14.064a2 2 0 0 1 .434 2.795l-.282.386a2 2 0 0 1-3.229-2.361l.282-.386a2 2 0 0 1 2.795-.434m17.965-31.79a13.412 13.412 0 0 0-13.389 22.475a2 2 0 0 0 2.384.28q.751-.438 1.555-.765a2 2 0 0 0 1.078-1.05a11.2 11.2 0 0 1 4.662-5.213a11.23 11.23 0 0 1 6.923-1.41a2 2 0 0 0 1.785-.72a15 15 0 0 1 2.886-2.707a2 2 0 0 0 .74-2.239a13.41 13.41 0 0 0-8.624-8.651m12.759-7.108a2 2 0 1 0-3.243-2.341l-4.687 6.493a2 2 0 0 0 3.244 2.341zm9.846 19.798a11.96 11.96 0 0 1 5.583 7.255a11.9 11.9 0 0 1 .255 5.003A9.34 9.34 0 0 1 72 58.66c0 2.477-.99 4.857-2.744 6.605A9.37 9.37 0 0 1 62.647 68H60.61l-.023.001H33.353a9.37 9.37 0 0 1-6.61-2.735A9.34 9.34 0 0 1 24 58.66c0-2.476.99-4.855 2.744-6.604a9.38 9.38 0 0 1 5.184-2.625q.066-.429.177-.85a8.2 8.2 0 0 1 3.827-5.01a8.24 8.24 0 0 1 7.83-.198l.613-1.057a12 12 0 0 1 7.286-5.577a12.02 12.02 0 0 1 9.09 1.195"/></svg>Day Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:day-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:day-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:day-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--day-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:day-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:day-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/day-bold.svg" alt="Day Bold アイコン" width="24" height="24">Glyphs の関連アイコン
Day Bold アイコン のよくある質問
Day Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Day Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:day-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Day Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/day-bold.svg" alt="Day Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。