Hurricane Bold アイコン
glyphs:hurricane-bold
Hurricane Bold アイコン(glyphs:hurricane-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- hurricanebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M28.742 14.463a22.5 22.5 0 0 1 9.21-2.923L36.54 22.99a17.32 17.32 0 0 1 13.305 2.72a22.52 22.52 0 0 1 12.673 20.252a22.517 22.517 0 0 1-21.59 22.498l1.4-11.334a17.32 17.32 0 0 1-12.175-2.915a22.517 22.517 0 0 1-1.41-39.75m14.722 19.5a6.928 6.928 0 1 0-6.929 12a6.928 6.928 0 0 0 6.929-12" clip-rule="evenodd"/><path d="m37.952 11.54l1.985.245a2 2 0 0 0-2.166-2.237zm-9.21 2.923l-1-1.732zm7.797 8.528l-1.985-.245a2 2 0 0 0 2.384 2.205zm12.12 1.972l-1 1.732zm1.185.749l-1.137 1.646q.124.086.262.152zm1.414.751l1-1.732zm0 39l-1-1.732zm-10.331 2.998l-1.985-.245a2 2 0 0 0 2.067 2.243zm1.4-11.334l1.984.245a2 2 0 0 0-2.253-2.227zm-10.988-2.164l1-1.732zm-1.187-.75l1.137-1.646a2 2 0 0 0-.262-.153zm-1.41-.75l-1 1.732zm7.793-19.5l1 1.732zm6.929 0l-1 1.732zm-6.929 12l1-1.732zm6.929 0l-1-1.732zM37.77 9.548a24.5 24.5 0 0 0-10.03 3.183l2 3.464a20.5 20.5 0 0 1 8.393-2.664zm.752 13.689l1.414-11.452l-3.97-.49l-1.413 11.451zm11.137-.006a19.32 19.32 0 0 0-13.52-2.2l.798 3.92a15.32 15.32 0 0 1 10.722 1.744zm1.32.835a19 19 0 0 0-1.32-.835l-2 3.464q.54.312 1.047.663zm1.278.665a25 25 0 0 0-1.54-.818L48.97 27.51q.654.318 1.29.685zm12.259 21.232a24.52 24.52 0 0 0-12.259-21.232l-2 3.464a20.52 20.52 0 0 1 10.259 17.768zM52.258 67.195a24.52 24.52 0 0 0 12.259-21.232h-4c0 7.33-3.91 14.103-10.259 17.768zM41.01 70.459a24.5 24.5 0 0 0 11.25-3.264l-2-3.464a20.5 20.5 0 0 1-9.414 2.731zm-.668-13.577l-1.399 11.334l3.97.49l1.4-11.334zm-10.002-.187a19.3 19.3 0 0 0 12.256 2.413l-.537-3.963a15.32 15.32 0 0 1-9.719-1.914zm-1.323-.837q.641.443 1.323.837l2-3.464q-.54-.312-1.05-.664zm-1.274-.663q.756.436 1.535.816l1.75-3.597a21 21 0 0 1-1.285-.683zm-12.26-21.232a24.52 24.52 0 0 0 12.259 21.232l2-3.464a20.52 20.52 0 0 1-10.259-17.768zm12.259-21.232a24.52 24.52 0 0 0-12.259 21.232h4c0-7.33 3.91-14.103 10.259-17.768zm9.793 22.964a4.93 4.93 0 0 1 4.929 0l2-3.464a8.93 8.93 0 0 0-8.929 0zm-2.464 4.268c0-1.76.94-3.388 2.464-4.268l-2-3.464a8.93 8.93 0 0 0-4.464 7.732zm2.464 4.268a4.93 4.93 0 0 1-2.464-4.268h-4a8.93 8.93 0 0 0 4.464 7.732zm4.929 0a4.93 4.93 0 0 1-4.929 0l-2 3.464a8.93 8.93 0 0 0 8.929 0zm2.464-4.268a4.93 4.93 0 0 1-2.464 4.268l2 3.464a8.93 8.93 0 0 0 4.464-7.732zm-2.464-4.268a4.93 4.93 0 0 1 2.464 4.268h4a8.93 8.93 0 0 0-4.464-7.732z"/></g></svg>Hurricane Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:hurricane-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:hurricane-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:hurricane-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--hurricane-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:hurricane-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:hurricane-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/hurricane-bold.svg" alt="Hurricane Bold アイコン" width="24" height="24">Glyphs の関連アイコン
他のアイコンセットの Hurricane Bold アイコン
Hurricane Bold アイコン のよくある質問
Hurricane Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hurricane Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:hurricane-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hurricane Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/hurricane-bold.svg" alt="Hurricane Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。