Bq Bo アイコン
flagpack:bq-bo
Bq Bo アイコン(flagpack:bq-bo)は、Flagpack セットの無料 SVG アイコンです（作者: Yummygum）。 32 × 24 のグリッドで描かれています。 Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#fff" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#feda00" fill-rule="evenodd" d="M0 10.933V0h16z" clip-rule="evenodd"/><path fill="#00268d" fill-rule="evenodd" d="M0 24h32.009V0z" clip-rule="evenodd"/><mask id="SVG1Yy8Edit" fill="#fff"><path fill-rule="evenodd" d="m9.353 5l.527 1.131a4.4 4.4 0 0 1 3.872 4.258l.955.478l-1.043.521a4.4 4.4 0 0 1-3.742 3.476L9.353 16l-.568-1.136a4.4 4.4 0 0 1-3.742-3.476L4 10.867l.955-.478A4.4 4.4 0 0 1 8.79 6.136z" clip-rule="evenodd"/></mask><path fill="#fff" fill-rule="evenodd" d="m9.353 5l.527 1.131a4.4 4.4 0 0 1 3.872 4.258l.955.478l-1.043.521a4.4 4.4 0 0 1-3.742 3.476L9.353 16l-.568-1.136a4.4 4.4 0 0 1-3.742-3.476L4 10.867l.955-.478A4.4 4.4 0 0 1 8.79 6.136z" clip-rule="evenodd"/><path fill="#000" d="m9.88 6.131l-.718.335l.186.4l.438.052zM9.353 5l.718-.334l-.696-1.495l-.731 1.477zm4.399 5.39l-.792.019l.012.476l.426.213zm.955.477l.354.708l1.417-.708l-1.417-.709zm-1.043.521l-.354-.708l-.345.172l-.077.377zm-3.742 3.476l-.102-.786l-.418.054l-.189.377zM9.353 16l-.708.354l.708 1.417l.709-1.417zm-.568-1.136l.709-.355l-.19-.377l-.418-.054zm-3.742-3.476l.776-.159l-.077-.377l-.345-.172zM4 10.867l-.354-.709l-1.417.709l1.417.708zm.955-.478l.354.709l.426-.213l.011-.476zM8.79 6.136l.1.785l.421-.053l.188-.38zm1.807-.34l-.527-1.13l-1.436.668l.527 1.132zm3.946 4.574a5.19 5.19 0 0 0-4.57-5.025l-.188 1.573a3.61 3.61 0 0 1 3.174 3.49zm.517-.212l-.955-.477l-.708 1.417l.954.477zm-1.043 1.939l1.043-.522l-.709-1.417l-1.043.522zm-3.995 3.552a5.2 5.2 0 0 0 4.417-4.102l-1.552-.318a3.61 3.61 0 0 1-3.068 2.85zm-.81-1.14l-.568 1.137l1.417.708l.568-1.136zm.849 1.137l-.568-1.137l-1.417.709l.568 1.136zm-5.795-4.099a5.2 5.2 0 0 0 4.417 4.102l.202-1.57a3.61 3.61 0 0 1-3.067-2.85zm-.621.028l1.043.522l.708-1.417l-1.043-.522zM4.6 9.681l-.955.477l.708 1.417l.955-.477zM8.69 5.35a5.19 5.19 0 0 0-4.528 5.02l1.583.039A3.61 3.61 0 0 1 8.891 6.92zm-.047-.702L8.08 5.784l1.42.703l.562-1.135z" mask="url(#SVG1Yy8Edit)"/><path fill="#f00a17" fill-rule="evenodd" d="m9.376 8.3l-.65 1.089h-1.28l.639 1.144l-.638 1.098h1.28l.649 1.12l.659-1.12h1.268l-.622-1.098l.622-1.144h-1.268z" clip-rule="evenodd"/></g></svg>Bq Bo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:bq-bo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:bq-bo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:bq-bo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--bq-bo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:bq-bo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:bq-bo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/bq-bo.svg" alt="Bq Bo アイコン" width="24" height="24">Flagpack の関連アイコン
他のアイコンセットの Bq Bo アイコン
Bq Bo アイコン のよくある質問
Bq Bo アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bq Bo アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:bq-bo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bq Bo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/bq-bo.svg" alt="Bq Bo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。