Bracket Light アイコン
selfhst:bracket-light
Bracket Light アイコン(selfhst:bracket-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- bracketlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M511.9 251.6C509.6 112.2 395.9 0 256 0C114.6 0 0 114.6 0 256c0 139.8 112.1 253.4 251.3 255.9c-10.2-.2-20.3-1-30.4-2.5L130 418.5v-.1c-9.7-9.6-14.5-27.7-14.5-54.2v-32.3l-58.1-58.1V238H69c17.5 0 29.6-3.6 36.3-10.7c6.8-7.1 10.1-20.2 10.1-39.3v-40.4c0-27.7 5.3-46.1 15.8-55.3c10.6-9.3 31.6-13.9 62.8-13.9h28.2L345.7 202c-.1-1.9-.1-3.9-.1-5.9V170l-55.8-55.8V78.4H318c31.1 0 51.8 4.6 62.2 13.9c.7.6 1.3 1.2 1.9 1.8l127.4 127.4c1.4 10 2.2 20 2.4 30.1" opacity=".85"/><path fill="#fff" d="M338.9 122.2c4.5 5.4 6.8 16.9 6.8 34.6V170l-55.8-55.8h22.7c13.1-.1 21.9 2.6 26.3 8m170.7 99.3L382.1 94.1l.2.2c.5.6 1 1.1 1.5 1.8c.2.3.4.5.6.8c.3.5.7.9 1 1.4c.2.3.4.7.6 1c.3.5.6.9.9 1.4c.2.4.4.7.6 1.1c.3.5.5 1 .8 1.5l.6 1.2c.2.5.5 1 .7 1.6c.2.4.4.9.5 1.3c.2.5.4 1.1.6 1.7c.2.5.3 1 .5 1.4l.6 1.8c.1.5.3 1 .4 1.5c.2.6.3 1.2.5 1.9c.1.5.3 1.1.4 1.6c.1.7.3 1.3.4 2c.1.6.2 1.1.3 1.7c.1.7.2 1.4.4 2.1l.3 1.8c.1.8.2 1.5.3 2.3c.1.6.2 1.2.2 1.8c.1.8.2 1.6.2 2.5c.1.6.1 1.2.2 1.8c.1.9.1 1.8.2 2.7c0 .6.1 1.2.1 1.8c.1 1 .1 2.1.1 3.1c0 .5 0 1 .1 1.6c0 1.6.1 3.3.1 4.9V188c0 18.9 3.4 32 10.1 39.3c6.9 7.1 19.2 10.7 36.8 10.7h11.7v35.9H443c-17.7 0-29.9 3.6-36.8 10.9c-6.8 7.3-10.1 20.3-10.1 39.1v40.4c0 27.7-5.3 46.2-15.8 55.4c-10.4 9.3-31.1 13.9-62.2 13.9h-28.2v-35.9h22.7c13 0 21.8-2.7 26.3-8.1s6.8-17 6.8-35v-38.5c0-20.5 3.1-35.1 9.2-43.6s17-14.1 32.7-16.7c-15.8-2.4-26.7-7.8-32.9-16.2c-.4-.5-.7-1-1-1.6l-.3-.6c-.2-.4-.4-.7-.6-1.1c-.1-.3-.3-.5-.4-.8c-.2-.3-.3-.7-.5-1c-.1-.3-.3-.6-.4-.9s-.3-.7-.4-1c-.1-.4-.3-.7-.4-1.1c-.1-.3-.2-.6-.3-1s-.3-.8-.4-1.2l-.3-.9c-.1-.5-.3-.9-.4-1.4c-.1-.2-.1-.5-.2-.8c-.1-.6-.3-1.1-.4-1.7c0-.1-.1-.3-.1-.4c-1.1-4.6-1.8-9.9-2.2-15.9c-.1-1-.1-2-.2-3.1v-.1c-.1-1-.1-2.1-.1-3.2L222.2 78.4v35.7h-23.1c-13 0-21.7 2.6-26.1 7.9q-6.6 7.95-6.6 34.8V196c0 20.7-3.1 35.2-9.2 43.6s-17.1 13.8-32.9 16.2c15.8 2.6 26.7 8.2 32.9 16.7c6.1 8.5 9.2 23.1 9.2 43.6v38.5c0 18 2.2 29.7 6.6 35q6.6 8.1 26.1 8.1h23.1v35.9H194c-31.2 0-52.1-4.6-62.8-13.9c-.4-.4-.8-.8-1.3-1.2v.1l90.9 90.9c11.6 1.6 23.4 2.5 35.1 2.5c141.4 0 256-114.6 256-256c.1-11.5-.8-23-2.3-34.5M115.4 323.8c0-18.9-3.4-31.9-10.1-39.1c-6.6-7.3-18.7-10.9-36.3-10.9H57.4l58.1 58.1v-8.1z"/></svg>Bracket Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:bracket-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:bracket-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:bracket-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--bracket-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:bracket-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:bracket-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/bracket-light.svg" alt="Bracket Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Bracket Light アイコン のよくある質問
Bracket Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bracket Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:bracket-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bracket Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/bracket-light.svg" alt="Bracket Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。