Branch Icon アイコン
logos:branch-icon
Branch Icon アイコン(logos:branch-icon)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
- タグ
- branchicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#333e48" d="M256 128.03C256 57.414 198.578 0 128.004 0C57.429 0 0 57.415 0 128.03c0 66.71 51.273 121.659 116.471 127.503h.314q1.605.139 3.217.24l.62.037q1.459.088 2.961.132h.78c1.212 0 2.422.058 3.648.058s2.312 0 3.465-.051h.489q1.524-.044 3.034-.124h.204a125 125 0 0 0 6.77-.562C205.996 248.317 256 193.908 256 128.03M141.535 243.077l-1.233-35.41l30.914-18.97a23.3 23.3 0 0 0 24.339 1.236a23.31 23.31 0 0 0 12.134-21.14c-.496-12.28-10.336-22.123-22.613-22.619a23.17 23.17 0 0 0-18.246 7.876a23.18 23.18 0 0 0-5.432 19.12l-21.818 13.5l-1.583-44.617l30.425-18.613c10.689 7.984 25.57 7.118 35.26-2.053c9.691-9.17 11.38-23.984 4.002-35.101c-7.377-11.117-21.682-15.312-33.893-9.94s-18.787 18.753-15.58 31.706l-20.943 13.002l-1.24-35.606a24.95 24.95 0 0 0 15.923-24.305c-.518-12.449-10.144-22.605-22.545-23.787c-12.4-1.183-23.77 6.972-26.632 19.099c-2.86 12.127 3.666 24.505 15.287 28.993L115.8 159.22l-22.795-14.527a27.13 27.13 0 0 0-2.05-18.503c-4.56-9.486-13.75-16.213-24.232-16.87c-12.964-.846-24.898 7.066-29.17 19.338c-4.27 12.272.172 25.886 10.858 33.275a28.89 28.89 0 0 0 34.958-1.597l31.774 20.11l-1.91 62.493c-56.898-7.26-101.088-56.022-101.088-114.91C12.19 64.156 64.14 12.177 128.004 12.177s115.814 51.964 115.814 115.844c0 59.305-44.78 108.329-102.283 115.056"/><path fill="#009bde" d="M127.273 47.176c8.323.008 15.068 6.755 15.076 15.08c0 8.329-6.75 15.08-15.076 15.08s-15.077-6.751-15.077-15.08s6.75-15.08 15.077-15.08m56.836 108.668c7.55-.004 13.681 6.102 13.71 13.654a13.69 13.69 0 0 1-8.42 12.672a13.685 13.685 0 0 1-14.926-2.934a13.69 13.69 0 0 1-2.997-14.917a13.69 13.69 0 0 1 12.633-8.475m8.436-39.72c-7.997 3.888-17.631.565-21.534-7.427a16.12 16.12 0 0 1 2.42-17.74a16.106 16.106 0 0 1 28.14 9.705a16.11 16.11 0 0 1-9.026 15.462M64.36 120.605c9.592.008 17.367 7.785 17.375 17.38c-.004 9.592-7.78 17.365-17.37 17.364S47 147.572 47 137.979s7.77-17.37 17.36-17.374"/></svg>Branch Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:branch-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:branch-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:branch-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--branch-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:branch-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:branch-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/branch-icon.svg" alt="Branch Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Branch Icon アイコン のよくある質問
Branch Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Branch Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:branch-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Branch Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/branch-icon.svg" alt="Branch Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。