Bereal アイコン
simple-icons:bereal
Bereal アイコン(simple-icons:bereal)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.501 10.727q.89 0 1.307.587q.418.59.418 1.391v.312H5.674a.97.97 0 0 0 .343.596q.274.223.718.223q.258 0 .464-.066q.245-.082.48-.192l.297.733a1.7 1.7 0 0 1-.644.296q-.379.094-.62.093q-.983 0-1.55-.537q-.565-.54-.565-1.441q0-.904.51-1.45q.512-.546 1.394-.545m8.835 0q.889 0 1.307.587q.417.59.417 1.391v.312h-2.552c.038.235.16.447.344.596q.273.223.718.223q.257 0 .464-.066a5 5 0 0 0 .48-.192l.297.733a1.7 1.7 0 0 1-.644.296a2.7 2.7 0 0 1-.62.093q-.984 0-1.55-.537q-.566-.54-.566-1.441q0-.904.512-1.45q.51-.546 1.393-.545m3.875.041c.974 0 1.603.502 1.603 1.26v2.579h-1.027v-.561h-.02c-.215.385-.616.62-1.111.62c-.756 0-1.265-.473-1.265-1.136v-.008c0-.683.53-1.083 1.465-1.144l.931-.055v-.231c0-.335-.217-.541-.618-.541c-.383 0-.615.18-.664.421l-.007.03h-.939l.004-.04c.056-.696.653-1.194 1.648-1.194m4.789 2.8v1.039h-1.04v-1.039zM1.982 9.308q.773 0 1.257.34q.483.339.484 1.14q0 .297-.137.534q-.136.24-.355.41q.36.188.59.506q.23.32.23.81q0 .733-.512 1.146q-.51.413-1.362.413H0V9.308zm8.702 0q.867 0 1.483.398q.617.397.617 1.231q0 .49-.254.846a1.7 1.7 0 0 1-.652.549l1.304 2.275h-1.077l-1.124-2.025a4 4 0 0 1-.367.015h-.585v2.01H9.022V9.308zM22.448 9.3v5.307h-1.076V9.3zm-2.66 3.661l-.777.049c-.397.025-.605.192-.605.46v.007c0 .277.229.442.584.442c.46 0 .797-.294.797-.688zM2.17 12.285H1.007v1.489h1.092q.406 0 .652-.188a.62.62 0 0 0 .246-.53q0-.374-.226-.572q-.227-.199-.601-.199m4.308-.694a.75.75 0 0 0-.523.19q-.21.193-.273.558h1.584q-.078-.38-.281-.564a.73.73 0 0 0-.507-.184m8.834 0a.75.75 0 0 0-.523.19q-.21.193-.273.558h1.585q-.079-.38-.281-.564a.73.73 0 0 0-.508-.184m-4.659-1.441h-.624v1.62h.64q.452 0 .749-.182q.297-.184.296-.604q0-.446-.28-.639q-.282-.195-.781-.195m-8.819 0h-.827v1.316h.749q.42 0 .66-.16q.237-.158.238-.501q0-.375-.219-.515t-.601-.14"/></svg>Bereal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:bereal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:bereal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:bereal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--bereal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:bereal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:bereal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/bereal.svg" alt="Bereal アイコン" width="24" height="24">他のアイコンセットの Bereal アイコン
Bereal アイコン のよくある質問
Bereal アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bereal アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:bereal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bereal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/bereal.svg" alt="Bereal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。