By アイコン
flagpack:by
By アイコン(flagpack:by)は、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="#73be4a" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#af0100" fill-rule="evenodd" d="M0 0v16h32V0z" clip-rule="evenodd"/><path fill="#f7fcff" d="M0 0h6v24H0z"/><path fill="#b20000" fill-rule="evenodd" d="M.444 2.236L1.897.056l1.415 2.18l-1.415 2.08zm1.447 1.19l.815-1.197L1.89.975L1.056 2.23zM2 2.064h-.25v.516H2zm-.863 2.122l-.693.99l.693.946l.675-.945zm.324 1.007l-.312.424l-.316-.449l.315-.465zm1.176-1.007l-.693.99l.693.946l.675-.945zm.324 1.007l-.312.424l-.316-.449l.315-.465z" clip-rule="evenodd"/><path fill="#b20000" fill-rule="evenodd" d="m3.637 4.186l-.693.99l.693.946l.675-.945zm.324 1.007l-.312.424l-.316-.449l.315-.465zm1.176-1.007l-.693.99l.693.946l.675-.945zm.324 1.007l-.312.424l-.316-.449l.315-.465zM2.944 2.236L4.397.056l1.415 2.18l-1.415 2.08zm1.447 1.19l.815-1.197L4.39.975L3.556 2.23zM4.5 2.064h-.25v.516h.25z" clip-rule="evenodd"/><path fill="#b20000" d="M1.656 12.406L.037 9.687l.426-.27l1.174 1.97l1.432-2.631l1.468 2.638l1.037-1.721l.424.272L4.52 12.4L3.074 9.8z"/><path fill="#b20000" fill-rule="evenodd" d="M.75.516h.269v.516H.75zM3 0h.269v.516H3zm2.25.516h.269v.516H5.25zM.75 3.613H1v.516H.75zm2.25 0h.25v.516H3zm2.5 0h-.25v.516h.25zM.75 6.194H1v.516H.75zm2.25 0h.25v.516H3zm2.5 0h-.25v.516h.25z" clip-rule="evenodd"/><path fill="#b20000" fill-rule="evenodd" d="m2.208 8.955l-.664.968L.496 8.036l1.38-2.156l1.187 1.88l1.186-1.88l1.38 2.156l-1.048 1.887l-.664-.968l.525-1.09l-.193-.444L3.13 9.24v.215l-.066-.108l-.067.108V9.24L1.876 7.42l-.192.443zM3 10.58h.25v.517H3zm0 2.581h.25v.516H3zm0-1.806h-.25v.516H3v.258h-.25v.516H3v-.258h.25v.258h.25v-.516h-.25v-.258h.25v-.516h-.25v.516H3zm-.75.516h.25v.516h-.25zm1.75 0h-.25v.516H4zm-3.5 0h.25v.516H.5zm5.25 0H5.5v.516h.25zM.444 21.764l1.453 2.18l1.415-2.18l-1.415-2.08zm1.447-1.19l.815 1.197l-.815 1.254l-.835-1.254zM2 21.936h-.25v-.516H2zm-.863-2.122l-.693-.99l.693-.946l.675.945zm.324-1.007l-.312-.424l-.316.449l.315.465zm1.176 1.007l-.693-.99l.693-.946l.675.945zm.324-1.007l-.312-.424l-.316.449l.315.465z" clip-rule="evenodd"/><path fill="#b20000" fill-rule="evenodd" d="m3.637 19.814l-.693-.99l.693-.946l.675.945zm.324-1.007l-.312-.424l-.316.449l.315.465zm1.176 1.007l-.693-.99l.693-.946l.675.945zm.324-1.007l-.312-.424l-.316.449l.315.465zm-2.517 2.957l1.453 2.18l1.415-2.18l-1.415-2.08zm1.447-1.19l.815 1.197l-.815 1.254l-.835-1.254zm.109 1.361h-.25v-.516h.25z" clip-rule="evenodd"/><path fill="#b20000" d="M1.656 11.594L.037 14.313l.426.27l1.174-1.97l1.432 2.631l1.468-2.638l1.037 1.721l.424-.272L4.52 11.6l-1.446 2.6z"/><path fill="#b20000" fill-rule="evenodd" d="M.75 23.484h.269v-.516H.75zM3 24h.269v-.516H3zm2.25-.516h.269v-.516H5.25zm-4.5-3.097H1v-.516H.75zm2.25 0h.25v-.516H3zm2.5 0h-.25v-.516h.25zm-4.75-2.58H1v-.517H.75zm2.25 0h.25v-.517H3zm2.5 0h-.25v-.517h.25z" clip-rule="evenodd"/><path fill="#b20000" fill-rule="evenodd" d="m2.208 15.193l-.664-.968L.496 16.11l1.38 2.156l1.187-1.879l1.186 1.88l1.38-2.157l-1.048-1.886l-.664.968l.525 1.09l-.193.443l-1.12-1.817v-.215l-.066.107l-.067-.107v.215l-1.12 1.817l-.192-.443z" clip-rule="evenodd"/></g></svg>By アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:by" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:by" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:by" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--by]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:by"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:by"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/by.svg" alt="By アイコン" width="24" height="24">他のアイコンセットの By アイコン
By アイコン のよくある質問
By アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で By アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:by" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
By アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/by.svg" alt="By アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。