Bsd アイコン
simple-icons:bsd
Bsd アイコン(simple-icons:bsd)は、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="M4.725 6.664C5.6 6.91 6.353 7.684 6.6 8.556c.27.95-.032 1.905-.671 2.633c.783.432 1.44 1.083 1.704 1.956c.244.807.185 1.739-.224 2.483c-.446.812-1.3 1.457-2.203 1.65c-.496.106-1.02.07-1.524.07H.602c-.393 0-.602-.28-.602-.638V9.476C0 5.81 3.889 6.428 4.725 6.664M1.051 9.63v1.367h3.228c1.258 0 1.461-1.761 1.285-2.272c-.184-.533-.687-.893-1.2-1.056c-.426-.097-3.313-.784-3.313 1.961m0 2.357v4.297c0 .116-.006.099.116.099H3.57c.67 0 1.364.022 1.98-.284c.782-.387 1.24-1.422 1.158-2.263c-.084-.849-.667-1.43-1.44-1.72c-.387-.147-.927-.129-1.339-.129zm14.791-4.77c0-.47.28-.706.854-.706h2.916c2.9 0 4.388 2.797 4.388 5.492c0 2.754-1.797 5.404-4.683 5.404h-2.856c-.471 0-.619-.088-.619-.603V7.218zm1.09.369v8.746h2.311c2.342 0 3.594-2.15 3.594-4.329c0-2.238-1.134-4.417-3.387-4.417zm-5.506.017c-.948 0-1.824.776-1.824 1.796c0 .918 1.235 1.45 2.456 2.11c1.292.704 2.67 1.408 2.67 2.902c0 2.054-1.536 3.116-3.518 3.116a4.5 4.5 0 0 1-2.47-.718c-.258-.173-.388-.388-.388-.632c0-.33.159-.488.488-.488c.159 0 .33.057.504.172c.56.345 1.277.546 1.91.546c1.25 0 2.311-.546 2.311-1.925c0-.861-1.033-1.407-2.153-1.996c-1.408-.732-2.988-1.536-2.988-3.03c0-1.882 1.436-2.973 3.232-2.973c.775 0 1.622.215 2.441.66a.77.77 0 0 1 .402.661c0 .287-.201.56-.502.56c-.173 0-.345-.129-.546-.258c-.46-.287-1.279-.503-2.025-.503"/></svg>Bsd アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:bsd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:bsd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:bsd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--bsd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:bsd"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:bsd"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/bsd.svg" alt="Bsd アイコン" width="24" height="24">他のアイコンセットの Bsd アイコン
Bsd アイコン のよくある質問
Bsd アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bsd アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:bsd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bsd アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/bsd.svg" alt="Bsd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。