Brainf アイコン
arcticons:brainf
Brainf アイコン(arcticons:brainf)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.319 4.5l-2.602 2.74l-.866 18.655c-1.663.534-1.14 3.204-1.14 3.204L6.03 40.536l.82 2.964h34.3l.82-2.964l-3.68-11.438s.522-2.67-1.14-3.203L36.282 7.24L33.68 4.5zm-3.467 21.396H24M9.712 29.098H24M6.031 40.537H24"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 8.772s-4.951.042-6.384.115c-1.864.094-2.976.59-3.47 2.07c-.433 1.296-.313 5.815-.167 6.935s.655 2.986 2.762 3.224s7.259.16 7.259.16s5.152.078 7.26-.16s2.616-2.105 2.761-3.225s.266-5.638-.167-6.935c-.494-1.48-1.606-1.975-3.47-2.07C28.951 8.814 24 8.772 24 8.772m13.148 17.124H24m14.288 3.202H24m17.969 11.439H24"/><path fill="none" stroke="currentColor" stroke-linejoin="round" d="m11.554 31.49l-2.132 6.724h20.99l-1.437-6.723z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.415 31.49h3.48c1.635 4.595 1.615 4.774 2.259 6.723h-4.055z"/><path fill="none" stroke="currentColor" d="M10.168 34.807h19.627m7.258 0h-3.74m-19.527 3.237l1.554-6.369m2.791 6.505l.815-6.504m3.251 6.332l.107-6.404m3.992 6.444l-.8-6.285"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.317 17.562a1.22 1.22 0 0 0 .206-.826v-.258"/><circle cx="23.385" cy="16.989" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.416 14.98h2.066m-6.557-2.478h-.826v4.956h.826m8.935-4.956h.826v4.956h-.826"/></svg>Brainf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:brainf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:brainf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:brainf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--brainf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:brainf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:brainf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/brainf.svg" alt="Brainf アイコン" width="24" height="24">Arcticons の関連アイコン
Brainf アイコン のよくある質問
Brainf アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Brainf アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:brainf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brainf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/brainf.svg" alt="Brainf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。