ICONYZ
日本語
Font Awesome Solid の Brain アイコン

Brain アイコン

fa7-solid:brain

Brain アイコン(fa7-solid:brain)は、Font Awesome Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome Solid
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
640 × 640
カテゴリ
科学、医療
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M184 120c0-30.9 25.1-56 56-56h24c17.7 0 32 14.3 32 32v448c0 17.7-14.3 32-32 32h-32c-29.8 0-54.9-20.4-62-48h-2c-44.2 0-80-35.8-80-80c0-18 6-34.6 16-48c-19.4-14.6-32-37.8-32-64c0-30.9 17.6-57.8 43.2-71.1c-7.1-12-11.2-26-11.2-40.9c0-44.2 35.8-80 80-80zm272 0v24c44.2 0 80 35.8 80 80c0 15-4.1 29-11.2 40.9C550.5 278.2 568 305 568 336c0 26.2-12.6 49.4-32 64c10 13.4 16 30 16 48c0 44.2-35.8 80-80 80h-2c-7.1 27.6-32.2 48-62 48h-32c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h24c30.9 0 56 25.1 56 56"/></svg>

Brain アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa7-solid:brain" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa7-solid:brain" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa7-solid:brain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--brain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:brain"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa7-solid:brain"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-solid/brain.svg" alt="Brain アイコン" width="24" height="24">

他のアイコンセットの Brain アイコン

Brain アイコン のよくある質問

Brain アイコンは商用利用でも無料ですか?

はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Brain アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa7-solid:brain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Brain アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/brain.svg" alt="Brain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome Solid アイコン をすべて見る →