Sfml アイコン
devicon:sfml
Sfml アイコン(devicon:sfml)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#8cc445" d="M109.558 31.121L84.601 12.948c-15.139-11.025-20.295-15.33-41.593 0L18.05 31.121C2.912 42.147-2.764 45.731 5.2 70.771l9.532 29.404c5.783 17.839 7.43 24.359 33.65 24.504h30.847c18.714 0 25.409.445 33.65-24.504l9.533-29.405c5.783-17.84 8.274-24.083-12.853-39.649"/><path fill="#6fad20" d="M5.212 70.756S2.199 60.006 1.8 56.07l.005-.005c28.503 11.692 69.3 20.76 117.033 25.686l-5.954 18.439c-8.241 24.948-14.936 24.473-33.65 24.473h-30.84c-26.22-.146-27.866-6.633-33.65-24.473z"/><path fill="#fff" d="m81.162 41.401l4.348-16.729h.003l20.638 15.02c4.79 3.296 8.73 6.663 10.034 12.069c1.323 5.482-.493 9.358-1.806 13.41l-10.971 33.928c-1.646 5.583-3.636 10.363-8.362 13.276c-4.793 2.955-9.028 2.447-13.279 2.447h-35.59c-5.812.156-10.96-.216-15.187-3.822c0 0-5.108-7.849-6.422-11.902L13.564 65.171c-1.948-5.5-3.156-10.54-1.037-15.69c2.145-5.214 5.86-7.285 9.299-9.79L42.43 24.707l4.348 16.73A7061 7061 0 0 0 27.545 55.55c.062.312 12.799 40.075 13.847 43.013c0 0 1.486.258 4.55.168h35.822c3.275 0 4.302-.091 4.683-.1c.138-.298 13.144-39.97 14.015-42.947z"/><path fill="#fff" d="M63.17 12.844c-4.61.283-8.515 2.767-12.543 5.867c-.038.03-.065.07-.1.101l11.037 42.595h4.817l11.071-42.595l-.1-.1c-3.44-2.505-6.565-5.4-12.175-5.834a14 14 0 0 0-2.008-.033z"/></svg>Sfml アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:sfml" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:sfml" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:sfml" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--sfml]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:sfml"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:sfml"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/sfml.svg" alt="Sfml アイコン" width="24" height="24">他のアイコンセットの Sfml アイコン
Sfml アイコン のよくある質問
Sfml アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sfml アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:sfml" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sfml アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/sfml.svg" alt="Sfml アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。