Sfml アイコン
thesvg:sfml
Sfml アイコン(thesvg:sfml)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.187.334C11.114.312 9.877.863 7.959 2.24L3.162 5.726C.252 7.84-.839 8.527.692 13.329l1.832 5.639c1.111 3.42 1.428 4.67 6.467 4.699h5.929c3.597 0 4.884.085 6.468-4.7l1.832-5.638c1.111-3.421 1.59-4.618-2.47-7.603L15.952 2.24C14.407 1.118 13.403.358 12.187.334m-.162 1.883q.098.003.195.01c1.078.083 1.679.639 2.34 1.119l.02.02l-2.129 8.168h-.925L9.404 3.365l.02-.02c.773-.594 1.524-1.07 2.41-1.124zm4.103 2.272l.09.064l3.878 2.816c.92.632 1.677 1.278 1.928 2.315c.254 1.05-.095 1.794-.347 2.571l-2.109 6.506c-.316 1.07-.699 1.987-1.607 2.546c-.921.567-1.735.47-2.552.47H8.568c-1.117.03-2.106-.042-2.919-.734c-.823-.7-.982-1.505-1.234-2.282L2.3 12.255c-.375-1.054-.607-2.02-.2-3.009c.413-1 1.127-1.397 1.788-1.877l3.876-2.816l.084-.058l.836 3.208l-.212.155L5.7 9.863c-.563.41-.667.51-.714.547c.012.06.036.285.238.849l2.128 6.544c.199.672.275.804.296.855c.065.009.285.05.874.032h6.885c.63 0 .827-.017.9-.019c.026-.057.141-.252.309-.823l2.128-6.55c.194-.598.24-.805.257-.862c-.048-.045-.202-.215-.688-.547L15.51 7.858l-.219-.161z"/></svg>Sfml アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:sfml" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:sfml" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:sfml" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--sfml]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:sfml"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:sfml"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/sfml.svg" alt="Sfml アイコン" width="24" height="24">他のアイコンセットの Sfml アイコン
Sfml アイコン のよくある質問
Sfml アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sfml アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:sfml" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sfml アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/sfml.svg" alt="Sfml アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。