Mast Lighting アイコン
temaki:mast-lighting
Mast Lighting アイコン(temaki:mast-lighting)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 15 × 15 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Temaki
- 作者
- Bryan Housel
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- mastlighting
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5.63C7.25.63 7 .75 7 1l-.01.27H3.28a.23.23 0 0 0-.24.21c.13 1.88.24 3.81.34 5.49c0 .13.11.23.24.23h3.15l-.27 7.3c0 .5 2 .5 2 0c-.18-4.5-.23-5.78-.28-7.3h3.14c.11 0 .21-.08.23-.19c.1-1.87.22-3.81.32-5.5c0-.13-.11-.23-.24-.23h-.01l-3.65-.01L8 1c0-.25-.25-.37-.5-.37M4.86 1.99c.5 0 .91.41.91.91s-.41.91-.91.91s-.91-.41-.91-.91s.41-.91.91-.91m2.64 0c.12 0 .24.03.34.07c.01 0 .01.01.02.01c.32.14.55.46.55.83a.9.9 0 0 1-.54.82c-.01 0-.02.01-.04.02a.9.9 0 0 1-.33.06c-.12 0-.24-.02-.34-.07c-.01 0-.02 0-.02-.01a.9.9 0 0 1-.55-.82c0-.37.22-.69.54-.83c.01-.01.03-.01.04-.02c.1-.03.21-.06.33-.06m2.65 0c.5 0 .91.41.91.91s-.41.91-.91.91a.911.911 0 0 1 0-1.82m-5.24 2.7c.5 0 .91.4.91.9s-.41.91-.91.91S4 6.09 4 5.59s.41-.9.91-.9m2.59 0c.12 0 .24.03.34.07c.01 0 .01.01.02.01c.32.14.55.45.55.82c0 .25-.1.47-.26.63c-.01.01-.02.01-.02.02a.8.8 0 0 1-.27.18c-.01 0-.01.01-.02.01c-.1.04-.22.07-.34.07s-.24-.03-.34-.07h-.01l-.01-.01a.8.8 0 0 1-.27-.18l-.02-.02a.88.88 0 0 1-.26-.63c0-.24.1-.47.26-.63l.01-.01a.8.8 0 0 1 .27-.18s.01 0 .01-.01c.12-.05.24-.07.36-.07m2.59 0c.5 0 .91.41.91.91s-.41.9-.91.9s-.91-.41-.91-.91s.41-.9.91-.9M3.44 7.78a.25.25 0 0 0-.17.09L1.81 9.45a.25.25 0 1 0 .36.34l1.46-1.58a.25.25 0 0 0-.19-.43"/><path fill="currentColor" d="M4.95 8.19a.25.25 0 0 0-.19.12L3.2 10.97a.25.25 0 1 0 .43.25l1.56-2.66a.25.25 0 0 0-.24-.37m6.58-.41a.25.25 0 0 0-.17.42l1.46 1.58a.25.25 0 1 0 .37-.33l-1.46-1.58a.25.25 0 0 0-.2-.09m-1.52.41a.25.25 0 0 0-.2.37l1.56 2.66a.25.25 0 1 0 .43-.25l-1.56-2.66a.25.25 0 0 0-.23-.12"/></svg>Mast Lighting アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:mast-lighting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:mast-lighting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:mast-lighting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--mast-lighting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:mast-lighting"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:mast-lighting"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/temaki/mast-lighting.svg" alt="Mast Lighting アイコン" width="24" height="24">Temaki の関連アイコン
Mast Lighting アイコン のよくある質問
Mast Lighting アイコンは商用利用でも無料ですか?
はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mast Lighting アイコンを使うには?
@iconify/react をインストールして <Icon icon="temaki:mast-lighting" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mast Lighting アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/temaki/mast-lighting.svg" alt="Mast Lighting アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。