Brandfolder Icon アイコン
logos:brandfolder-icon
Brandfolder Icon アイコン(logos:brandfolder-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 241 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 241
- タグ
- brandfoldericon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="241" viewBox="0 0 256 241"><path fill="#40d1f5" fill-rule="evenodd" d="M0 240.878h209.074v-31.804H31.804V31.804h177.352v116.372h-15.204l30.983 31.065L256 148.176h-15.122V0H0zM80.622 51.364c4.109-.657 8.793-1.15 14.217-1.561s12.081-.575 20.135-.575c6.986 0 13.642.575 19.888 1.725s11.752 3.123 16.355 5.835c4.684 2.795 8.3 6.41 11.012 11.013s4.027 10.355 4.027 17.258c0 4.11-.575 7.89-1.808 11.424s-2.876 6.574-4.849 9.204c-2.054 2.63-4.355 4.767-6.903 6.493s-5.178 2.794-7.807 3.123c2.958.41 6.163 1.315 9.78 2.712a32.1 32.1 0 0 1 9.944 6.246c3.04 2.712 5.67 6.328 7.643 10.601c2.054 4.356 3.04 9.534 3.04 15.697c0 8.3-1.561 15.122-4.684 20.382c-3.123 5.342-7.314 9.45-12.656 12.574c-5.26 3.04-11.424 5.177-18.41 6.328q-10.478 1.726-21.942 1.726c-5.917 0-11.67-.165-17.423-.494s-12.245-.904-19.56-1.808zm27.777 116.865v-39.86h11.506q5.917 0 10.848.987c3.287.657 6.082 1.726 8.465 3.37c2.383 1.561 4.191 3.698 5.424 6.328s1.89 5.917 1.89 9.862c0 4.19-.822 7.643-2.465 10.272c-1.644 2.63-3.78 4.685-6.328 6.164a24.7 24.7 0 0 1-8.219 2.959c-2.958.493-5.752.74-8.464.74c-1.89 0-4.027-.083-6.41-.165a92 92 0 0 1-6.247-.657m8.465-60.898H108.4V70.513c2.466-.41 5.424-.575 9.04-.575c2.548 0 5.178.246 7.726.657c2.63.493 5.013 1.315 7.067 2.712c2.137 1.315 3.863 3.205 5.178 5.589q1.972 3.575 1.972 9.122c0 3.863-.575 6.986-1.725 9.533c-1.151 2.466-2.713 4.438-4.767 5.917s-4.438 2.466-7.232 3.041a48 48 0 0 1-8.794.822"/></svg>Brandfolder Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:brandfolder-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:brandfolder-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:brandfolder-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--brandfolder-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:brandfolder-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:brandfolder-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/brandfolder-icon.svg" alt="Brandfolder Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Brandfolder Icon アイコン のよくある質問
Brandfolder Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Brandfolder Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:brandfolder-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brandfolder Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/brandfolder-icon.svg" alt="Brandfolder Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。