Stylefmt アイコン
logos:stylefmt
Stylefmt アイコン(logos:stylefmt)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 154 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 154
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="154" viewBox="0 0 256 154"><path d="m178.904 2.857l-2.109-1.417a8.8 8.8 0 0 0-6.542-1.271h-.073a8.73 8.73 0 0 0-5.452 3.708L74.835 138.43a8.75 8.75 0 0 0-1.27 6.506v.119a8.65 8.65 0 0 0 3.708 5.415l2.109 1.38a8.69 8.69 0 0 0 12.067-2.471l89.893-134.516a8.84 8.84 0 0 0 1.27-6.543a8.53 8.53 0 0 0-3.708-5.463m-1.454 9.446l-10.686 15.992l-8.795-5.814l10.687-15.955a4 4 0 0 1 2.544-1.71a4.02 4.02 0 0 1 3.017.582l2.109 1.417a4 4 0 0 1 1.71 2.544a3.9 3.9 0 0 1-.586 2.947zM51.113 118.182a5.16 5.16 0 0 1-3.237-1.128L2.006 80.817a5.22 5.22 0 0 1 0-8.228L47.84 36.294a5.256 5.256 0 0 1 6.542 8.227L13.748 76.71l40.598 32.084a5.253 5.253 0 0 1-3.233 9.389m153.814 0a5.253 5.253 0 0 1-3.23-9.389l40.595-32.084l-40.635-32.212a5.244 5.244 0 1 1 6.506-8.228l45.83 36.335a5.22 5.22 0 0 1 0 8.228l-45.83 36.189a5.2 5.2 0 0 1-3.236 1.16"/><path fill="#1c96d4" d="M114.102 45.037c2.864-7.868 5.224-10.191 13.092-13.092c-7.868-2.864-10.176-5.223-13.092-13.089c-2.864 7.869-5.223 10.192-13.091 13.092c7.871 2.898 10.19 5.22 13.091 13.09"/><path fill="#c61a41" d="M81.72 89.533c5.004-13.636 9.03-17.661 22.665-22.666c-13.636-5.004-17.661-9.03-22.666-22.666c-5.004 13.636-9.03 17.662-22.666 22.666c13.636 4.968 17.698 9.03 22.666 22.666"/><path fill="#eeb034" d="M170.24 110.493c3.627-9.899 6.564-12.8 16.418-16.418c-9.9-3.627-12.8-6.564-16.418-16.418c-3.627 9.9-6.564 12.8-16.418 16.418c9.854 3.618 12.79 6.568 16.418 16.418"/></svg>Stylefmt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylefmt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylefmt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylefmt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylefmt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylefmt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylefmt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/stylefmt.svg" alt="Stylefmt アイコン" width="24" height="24">Stylefmt アイコン のよくある質問
Stylefmt アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stylefmt アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:stylefmt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stylefmt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/stylefmt.svg" alt="Stylefmt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。