Sunny Mostly Bold アイコン
glyphs:sunny-mostly-bold
Sunny Mostly Bold アイコン(glyphs:sunny-mostly-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- sunnymostly、mostlybold、sunnymostlybold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M34.63 9.5a2.5 2.5 0 0 1 2.5 2.492l.022 7.208c.004 1.34-1.182 2.364-2.522 2.364s-2.527-1.023-2.523-2.364l.023-7.208a2.5 2.5 0 0 1 2.5-2.492M23.794 25.085c1.084-.788 1.442-2.313.65-3.395l-4.254-5.818a2.5 2.5 0 0 0-4.045 2.939l4.218 5.845c.785 1.086 2.346 1.217 3.43.43m-6.696 9.217c.414-1.274-.193-2.72-1.47-3.13l-6.862-2.205a2.5 2.5 0 0 0-1.545 4.755l6.849 2.249c1.273.418 2.614-.394 3.028-1.669m0 11.394c-.415-1.275-1.755-2.087-3.028-1.669l-6.834 2.244l-.015.005a2.5 2.5 0 0 0 1.545 4.755l.015-.004l6.848-2.202c1.276-.41 1.883-1.855 1.469-3.13m6.697 9.219c-1.085-.788-2.646-.657-3.43.43l-4.21 5.832l-.01.012a2.5 2.5 0 0 0 4.046 2.94l.009-.013l4.246-5.806c.791-1.082.433-2.608-.651-3.395m10.836 3.521c-1.34 0-2.527 1.023-2.523 2.364l.023 7.192v.016a2.5 2.5 0 0 0 5 0v-.016l.022-7.192c.004-1.34-1.182-2.364-2.522-2.364m9.773-1.176a2.2 2.2 0 0 0 .412 1.05l4.246 5.806l.009.012a2.5 2.5 0 0 0 4.045-2.939l-.01-.012l-1.931-2.677h-2.035a9.66 9.66 0 0 1-4.736-1.24m-4.639-6.093q-.65.3-1.337.522a12.29 12.29 0 1 1 8.091-14.806a11.2 11.2 0 0 0-.986 3.22a9.6 9.6 0 0 0-3.142 2.05l-.048.047a9.45 9.45 0 0 0-2.578 8.967m23.663-18.574A11.6 11.6 0 0 0 56.8 30.5h-.083q-.594 0-1.181.062l4.943-1.59l.015-.005a2.5 2.5 0 0 1 2.933 3.626m-17.961-7.508c1.085.788 2.646.657 3.43-.43l4.21-5.832l.009-.012a2.5 2.5 0 0 0-4.045-2.94l-.01.013l-4.245 5.806c-.791 1.082-.433 2.607.651 3.395M56.8 33a9.16 9.16 0 0 1 6.354 2.597c1.704 1.656 2.699 3.925 2.736 6.278l.002.102a7.14 7.14 0 0 1 3.97 1.963l.048.046A6.95 6.95 0 0 1 72 48.951a6.95 6.95 0 0 1-2.09 4.964l-.048.047a7.15 7.15 0 0 1-5 2.037H52.304l-.037.001h-3.129a7.15 7.15 0 0 1-5-2.037l-.047-.047A6.95 6.95 0 0 1 42 48.952c0-1.868.753-3.657 2.09-4.965l.047-.046a7.15 7.15 0 0 1 3.777-1.932l-.002-.134a8.7 8.7 0 0 1 2.534-6.278A8.87 8.87 0 0 1 56.717 33z"/></svg>Sunny Mostly Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:sunny-mostly-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:sunny-mostly-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:sunny-mostly-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--sunny-mostly-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:sunny-mostly-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:sunny-mostly-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/sunny-mostly-bold.svg" alt="Sunny Mostly Bold アイコン" width="24" height="24">Glyphs の関連アイコン
Sunny Mostly Bold アイコン のよくある質問
Sunny Mostly Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sunny Mostly Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:sunny-mostly-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunny Mostly Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/sunny-mostly-bold.svg" alt="Sunny Mostly Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。