Simplybuilt アイコン
fa7-brands:simplybuilt
Simplybuilt アイコン(fa7-brands:simplybuilt)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M545.6 128h-106c-14.5 0-26.6 11.8-26.6 26.3v39.6H227.7v-39.6c0-14.5-12-26.3-26.6-26.3h-106c-14.6 0-26.4 11.8-26.4 26.3v331.4c0 14.5 11.8 26.3 26.6 26.3h450.4c14.8 0 26.6-11.8 26.6-26.3V154.3c-.2-14.5-12-26.3-26.7-26.3M214.5 286.7c36.8.1 66.5 29.9 66.4 66.7s-29.9 66.5-66.7 66.4s-66.5-29.9-66.4-66.7s29.9-66.5 66.7-66.4m211.9.1c24.4-1 47.3 11.4 59.8 32.3s12.6 47 .2 68c-12.5 21-35.3 33.5-59.7 32.6c-24.4 1-47.3-11.4-59.8-32.3s-12.6-47-.2-68c12.5-21 35.3-33.5 59.7-32.6"/></svg>Simplybuilt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:simplybuilt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:simplybuilt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:simplybuilt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--simplybuilt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:simplybuilt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:simplybuilt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/simplybuilt.svg" alt="Simplybuilt アイコン" width="24" height="24">他のアイコンセットの Simplybuilt アイコン
Simplybuilt アイコン のよくある質問
Simplybuilt アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Simplybuilt アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:simplybuilt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Simplybuilt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/simplybuilt.svg" alt="Simplybuilt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。