By アイコン

Q: By アイコンは商用利用でも無料ですか?

はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

cif:by

By アイコン(cif:by)は、CoreUI Flags セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 301 × 151 のグリッドで描かれています。 CoreUI Flags icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: CoreUI Flags
作者: creativeLabs Łukasz Holeczek
ライセンス: CC0-1.0
サイズ: 301 × 151

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="301" height="151" viewBox="0 0 301 151"><g fill="none"><path fill="#C8313E" d="M.5.5h300v150H.5z"/><path fill="#4AA657" d="M.5 100.5h300v50H.5z"/><path fill="#FFF" d="M.5.5h33.333v150H.5z"/><path fill="#C8313E" d="M6.297.5h4.348v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.45v2.459h-1.45v2.459h-1.449v2.459h-1.449v2.459h-1.449v2.459H9.196v2.459H7.747v-2.459h-1.45v-2.459H4.848v-2.459H3.399v-2.459H1.95v-2.459H.5v-2.459h1.449V7.877h1.449V5.418h1.449V2.959h1.449zm1.45 4.918h1.449v2.459h1.449v2.459h1.449v2.459h-1.449v2.459H9.196v2.459H7.747v-2.459h-1.45v-2.459H4.848v-2.459h1.449V7.877h1.45zm0 4.918h1.449v2.459H7.747zM.5 2.959h1.449v2.459H.5zm0 14.754h1.449v2.459H.5zM16.442.5h.869v4.918h-.869zm0 17.213h.869v4.918h-.869zM3.399 22.631h1.449v2.459h1.449v2.459h1.45v2.459h-1.45v2.459H4.848v2.459H3.399v-2.459H1.95v-2.459H.5v-2.459h1.449V25.09h1.449zm0 4.918h1.449v2.459H3.399zm8.695-4.918h1.449v2.459h1.449v2.459h1.45v2.459h-1.45v2.459h-1.449v2.459h-1.449v-2.459h-1.449v-2.459H9.196v-2.459h1.449V25.09h1.449zm0 4.918h1.449v2.459h-1.449zM.5 37.385h1.449v2.459H.5zm15.942-2.459h.869v4.918h-.869zM.5 44.762h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.45v-2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.45v2.459h.869v9.836h-.869v2.459h-1.45v2.459h-1.449v2.459h-1.449v2.459h-1.449v2.459H9.195v6.394H6.296V74.27H4.847v-2.459H3.398v-2.459H1.949v-2.459H.5v-7.377h1.449v2.459h1.449v2.459h1.449v2.459h1.449v-2.459h1.45v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h-1.449V49.68h-1.449v-2.459H6.296v2.459h2.899v2.459H7.746v2.459h-1.45v2.459H4.847v-2.459H3.398v-2.459H1.949V49.68H.5zm0 9.836h1.449v2.459H.5zm15.942 7.377h.869v2.459h-.869zm-2.898 4.918h1.449v2.459h1.45v2.459h.869v3.935h-.869V74.27h-1.45v-2.459h-1.449zm-2.899 7.377h1.449v1.476h-1.449z"/><path fill="#C8313E" d="M28.036.5h-4.348v2.459h-1.45v2.459h-1.449v2.459H19.34v2.459h-1.449v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.45v2.459h1.449v2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.45v-2.459h1.449v-2.459h-1.449V7.877h-1.45V5.418h-1.449V2.959h-1.449zm-1.449 4.918h-1.449v2.459h-1.449v2.459h-1.45v2.459h1.45v2.459h1.449v2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h-1.449V7.877h-1.449zm0 4.918h-1.449v2.459h1.449zm7.247-7.377h-1.449v2.459h1.449zm0 14.754h-1.449v2.459h1.449zM17.892.5h-.869v4.918h.869zm0 17.213h-.869v4.918h.869zm13.043 4.918h-1.449v2.459h-1.449v2.459h-1.449v2.459h1.449v2.459h1.449v2.459h1.449v-2.459h1.45v-2.459h1.449v-2.459h-1.449V25.09h-1.45zm0 4.918h-1.449v2.459h1.449zm-8.696-4.918H20.79v2.459h-1.449v2.459h-1.449v2.459h1.449v2.459h1.449v2.459h1.449v-2.459h1.45v-2.459h1.449v-2.459h-1.449V25.09h-1.45zm0 4.918H20.79v2.459h1.449zm11.595 9.836h-1.449v2.459h1.449zm-15.942-2.459h-.869v4.918h.869zm15.942 9.836h-1.449v-2.459h-1.45v-2.459h-1.449v-2.459h-1.449v-2.459h-1.449v-2.459h-1.449v2.459H23.69v2.459h-1.45v2.459h-1.449v2.459h-1.449v2.459h-1.449v2.459h-.869v9.836h.869v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.45v2.459h1.449v6.394h2.898V74.27h1.449v-2.459h1.449v-2.459h1.45v-2.459h1.449v-7.377h-1.449v2.459h-1.45v2.459h-1.449v2.459h-1.449v-2.459h-1.449v-2.459h-1.449v-2.459H23.69v-2.459h-1.45v-2.459h-1.449v-2.459h1.449V49.68h1.45v-2.459h4.348v2.459H25.14v2.459h1.449v2.459h1.449v2.459h1.449v-2.459h1.449v-2.459h1.45V49.68h1.449v-4.918zm0 9.836h-1.449v2.459h1.449zm-15.942 7.377h-.869v2.459h.869zm2.898 4.918h-1.449v2.459h-1.449v2.459h-.869v3.935h.869V74.27h1.449v-2.459h1.449zm2.899 7.377h-1.45v1.476h1.45z"/><path fill="#FCFCFC" d="M9.255 17.63H7.806v-2.459H6.357v-2.459H4.908v-2.459h1.449V7.794h1.449V5.335h1.449v2.459h1.45v2.459h1.449v2.459h-1.449v2.459h-1.45zm17.397 0h-1.449v-2.459h-1.449v-2.459h-1.45v-2.459h1.45V7.794h1.449V5.335h1.449v2.459h1.45v2.459h1.449v2.459h-1.449v2.459h-1.45z"/><path fill="#C8313E" d="M7.806 10.253h1.449v2.459H7.806zm17.332.083h1.449v2.459h-1.449z"/><path fill="#FFF" d="M29.551 27.676H31v2.459h-1.449zm-8.804-.173h1.449v2.459h-1.449z"/><path fill="#FFFDFD" d="M12.154 27.503h1.449v2.459h-1.449z"/><path fill="#FFF" d="M3.458 27.503h1.449v2.459H3.458z"/><path fill="#C8313E" d="M6.297 150.5h4.348v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.45v-2.459h-1.45v-2.459h-1.449v-2.459h-1.449v-2.459h-1.449v-2.459H9.196v-2.459H7.747v2.459h-1.45v2.459H4.848v2.459H3.399v2.459H1.95v2.459H.5v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.449zm1.45-4.918h1.449v-2.459h1.449v-2.459h1.449v-2.459h-1.449v-2.459H9.196v-2.459H7.747v2.459h-1.45v2.459H4.848v2.459h1.449v2.459h1.45zm0-4.918h1.449v-2.459H7.747zM.5 148.041h1.449v-2.459H.5zm0-14.754h1.449v-2.459H.5zM16.442 150.5h.869v-4.918h-.869zm0-17.213h.869v-4.918h-.869zm-13.043-4.918h1.449v-2.459h1.449v-2.459h1.45v-2.459h-1.45v-2.459H4.848v-2.459H3.399v2.459H1.95v2.459H.5v2.459h1.449v2.459h1.449zm0-4.918h1.449v-2.459H3.399zm8.695 4.918h1.449v-2.459h1.449v-2.459h1.45v-2.459h-1.45v-2.459h-1.449v-2.459h-1.449v2.459h-1.449v2.459H9.196v2.459h1.449v2.459h1.449zm0-4.918h1.449v-2.459h-1.449zM.5 113.615h1.449v-2.459H.5zm15.942 2.459h.869v-4.918h-.869zM.5 106.238h1.449v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.45v2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.45v-2.459h.869v-9.836h-.869v-2.459h-1.45v-2.459h-1.449v-2.459h-1.449v-2.459h-1.449v-2.459H9.195v-6.394H6.296v1.475H4.847v2.459H3.398v2.459H1.949v2.459H.5v7.377h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v2.459h1.45v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.449v2.459h-1.449v2.459h-1.449v2.459H6.296v-2.459h2.899V98.86H7.746v-2.459h-1.45v-2.459H4.847v2.459H3.398v2.459H1.949v2.459H.5zm0-9.837h1.449v-2.459H.5zm15.942-7.377h.869v-2.459h-.869zm-2.898-4.917h1.449v-2.459h1.45v-2.459h.869v-3.934h-.869v1.475h-1.45v2.459h-1.449zm-2.899-7.378h1.449v-1.475h-1.449z"/><path fill="#C8313E" d="M28.036 150.5h-4.348v-2.459h-1.45v-2.459h-1.449v-2.459H19.34v-2.459h-1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.45v-2.459h1.449v-2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.449v2.459h1.45v2.459h1.449v2.459h-1.449v2.459h-1.45v2.459h-1.449v2.459h-1.449zm-1.449-4.918h-1.449v-2.459h-1.449v-2.459h-1.45v-2.459h1.45v-2.459h1.449v-2.459h1.449v2.459h1.449v2.459h1.449v2.459h-1.449v2.459h-1.449zm0-4.918h-1.449v-2.459h1.449zm7.247 7.377h-1.449v-2.459h1.449zm0-14.754h-1.449v-2.459h1.449zM17.892 150.5h-.869v-4.918h.869zm0-17.213h-.869v-4.918h.869zm13.043-4.918h-1.449v-2.459h-1.449v-2.459h-1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v2.459h1.45v2.459h1.449v2.459h-1.449v2.459h-1.45zm0-4.918h-1.449v-2.459h1.449zm-8.696 4.918H20.79v-2.459h-1.449v-2.459h-1.449v-2.459h1.449v-2.459h1.449v-2.459h1.449v2.459h1.45v2.459h1.449v2.459h-1.449v2.459h-1.45zm0-4.918H20.79v-2.459h1.449zm11.595-9.836h-1.449v-2.459h1.449zm-15.942 2.459h-.869v-4.918h.869zm15.942-9.836h-1.449v2.459h-1.45v2.459h-1.449v2.459h-1.449v2.459h-1.449v2.459h-1.449v-2.459H23.69v-2.459h-1.45v-2.459h-1.449v-2.459h-1.449v-2.459h-1.449v-2.459h-.869v-9.836h.869v-2.459h1.449v-2.459h1.449v-2.459h1.449v-2.459h1.45v-2.459h1.449v-6.394h2.898v1.475h1.449v2.459h1.449v2.459h1.45v2.459h1.449v7.377h-1.449v-2.459h-1.45v-2.459h-1.449v-2.459h-1.449v2.459h-1.449v2.459h-1.449v2.459H23.69v2.459h-1.45v2.459h-1.449v2.459h1.449v2.459h1.45v2.459h4.348v-2.459H25.14V98.86h1.449v-2.459h1.449v-2.459h1.449v2.459h1.449v2.459h1.45v2.459h1.449v4.919zm0-9.837h-1.449v-2.459h1.449zm-15.942-7.377h-.869v-2.459h.869zm2.898-4.917h-1.449v-2.459h-1.449v-2.459h-.869v-3.934h.869v1.475h1.449v2.459h1.449zm2.899-7.378h-1.45v-1.475h1.45z"/><path fill="#FCFCFC" d="M25.078 133.37h1.45v2.459h1.449v2.459h1.449v2.459h-1.449v2.459h-1.449v2.459h-1.45v-2.459h-1.449v-2.459H22.18v-2.459h1.449v-2.459h1.449zm-17.396 0h1.449v2.459h1.449v2.459h1.449v2.459H10.58v2.459H9.131v2.459H7.682v-2.459h-1.45v-2.459H4.783v-2.459h1.449v-2.459h1.45z"/><path fill="#C8313E" d="M25.078 138.288h1.449v2.459h-1.449zm-17.331-.083h1.449v2.459H7.747z"/><path fill="#FFF" d="M3.334 120.865h1.449v2.459H3.334zm8.804.173h1.449v2.459h-1.449z"/><path fill="#FFFDFD" d="M20.73 121.038h1.449v2.459H20.73z"/><path fill="#FFF" d="M29.426 121.038h1.449v2.459h-1.449z"/></g></svg>

By アイコンの使い方

React

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

<Icon icon="cif:by" width="24" />

Vue

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

<template>
  <Icon icon="cif:by" width="24" />
</template>

Svelte

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

<Icon icon="cif:by" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--by]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:by"></div>

Web コンポーネント

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

<iconify-icon icon="cif:by"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cif/by.svg" alt="By アイコン" width="24" height="24">

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

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

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

はい。CoreUI Flags icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

CoreUI Flags アイコンをすべて見る →