Starlink アイコン
cbi:starlink
Starlink アイコン(cbi:starlink)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.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.915 12.002c.395-.266.851-.552 1.274-.8l-1.676-1.2H2.191Zm5.926 4.78h.231l-.368-.634l.341-.422h-.239l-.367.491v-.49h-.198v1.055h.198v-.293l.143-.177Zm-2.977-4.283c-.388.266-.79.565-1.171.865l2.063 1.5h2.323ZM22 7.192C9.435 7.956 3.622 13.336 2.3 14.61l-.266.259h2.35C10.581 8.645 19.445 7.429 22 7.2ZM9.076 15.733h-.197v1.056h.211v-.66l.388.66h.184v-1.056h-.197v.661Zm.6 1.056h-.014m-1.553-1.056h.198v1.056h-.198Zm.198.185v.007m-.722.864v-.177h-.463v-.879h-.198v1.056Zm-.463-.864v-.007m-.79.305a.34.34 0 0 0-.048-.408a.35.35 0 0 0-.245-.082h-.4v1.056h.2v-.423H6l.2.43h.232l-.232-.464a.35.35 0 0 0 .132-.109m-.2-.075a.14.14 0 0 1-.109.041v-.007h-.19V15.9h.19a.14.14 0 0 1 .109.041a.14.14 0 0 1 .041.1a.14.14 0 0 1-.039.107Zm-1.251.43l.061.204h.211l-.374-1.056h-.164l-.374 1.056h.211l.061-.205Zm-.181-.573l.13.41h-.262Zm-.766-.102v-.177h-.742v.177h.272v.886h.205v-.886Zm-1.682.014a.18.18 0 0 1 .116-.034a.2.2 0 0 1 .116.034a.13.13 0 0 1 .047.11h.191a.34.34 0 0 0-.1-.233a.36.36 0 0 0-.245-.082a.4.4 0 0 0-.259.09a.3.3 0 0 0-.1.231c0 .163.1.258.286.292l.1.014a.3.3 0 0 1 .109.048a.14.14 0 0 1 .034.1q.001.136-.171.136a.2.2 0 0 1-.136-.034a.17.17 0 0 1-.054-.122H2a.45.45 0 0 0 .1.26a.4.4 0 0 0 .266.08a.42.42 0 0 0 .272-.08a.3.3 0 0 0 .1-.247c0-.17-.089-.265-.273-.3l-.109-.02a.3.3 0 0 1-.109-.048a.13.13 0 0 1-.034-.089a.12.12 0 0 1 .039-.106M2 16.654"/></svg>Starlink アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:starlink" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:starlink" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:starlink" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--starlink]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:starlink"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:starlink"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/starlink.svg" alt="Starlink アイコン" width="24" height="24">他のアイコンセットの Starlink アイコン
Starlink アイコン のよくある質問
Starlink アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Starlink アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:starlink" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Starlink アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/starlink.svg" alt="Starlink アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。