Skyliner アイコン
cib:skyliner
Skyliner アイコン(cib:skyliner)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.615 23.416a.58.58 0 0 0-.615.272a3.305 3.305 0 0 1-3.579 1.859a3.28 3.28 0 0 1 1.865-3.573a.58.58 0 0 0-.224-1.067a6.05 6.05 0 0 0-5.667 1.957a10.08 10.08 0 0 0-1.729 7.953a.59.59 0 0 0 .479.48q.993.162 2.011.161a8.67 8.67 0 0 0 6.573-2.5a6.12 6.12 0 0 0 1.344-5.079a.58.58 0 0 0-.459-.5zM31.703.271c-.229-.224-.692-.12-.692-.12A24 24 0 0 0 28.454 0a20.77 20.77 0 0 0-14.808 5.995q-.726.724-1.359 1.521a7.7 7.7 0 0 0-5.943-.219C3.297 8.609 1.516 12.344.036 16.193a.577.577 0 0 0 .333.744a.57.57 0 0 0 .568-.083a7.61 7.61 0 0 1 7.256-1l-.724 2.619a.58.58 0 0 0 .244.641a25.4 25.4 0 0 1 5.151 5.14a.58.58 0 0 0 .647.251l2.615-.719a7.5 7.5 0 0 1-.995 7.276a.577.577 0 0 0 .093.812c.161.131.38.161.568.089c3.844-1.48 7.583-3.261 8.891-6.297a7.7 7.7 0 0 0-.219-5.937a20 20 0 0 0 1.509-1.38A21.01 21.01 0 0 0 31.833.978s.099-.468-.131-.697zm-3.25.89q1.124-.002 2.249.115c.104 1.031.136 2.068.095 3.099a3.65 3.65 0 0 1-2.167-1.031a3.6 3.6 0 0 1-1.037-2.161q.42-.026.849-.027zM14.464 6.817a19.4 19.4 0 0 1 11.973-5.563a4.8 4.8 0 0 0 1 2.475l-3.599 3.593a4.696 4.696 0 0 0-6.593 6.595l-4.199 4.197a25.4 25.4 0 0 0-3.5-2.844a19.24 19.24 0 0 1 4.917-8.453zm10.031 4.21a3.544 3.544 0 0 1-3.541 3.547a3.537 3.537 0 0 1-3.547-3.543a3.544 3.544 0 0 1 3.541-3.547h.005a3.55 3.55 0 0 1 3.541 3.543zm-22.746 4c1.256-3.005 2.787-5.693 5.043-6.663a6.42 6.42 0 0 1 4.744.12a20.6 20.6 0 0 0-3.02 6.224a8.13 8.13 0 0 0-6.767.313zm11.855 8.254a28.5 28.5 0 0 0-4.907-4.907l.527-1.911a24.9 24.9 0 0 1 6.297 6.291zm10.016 1.896c-.975 2.265-3.651 3.796-6.656 5.052a8.1 8.1 0 0 0 .301-6.765a20.6 20.6 0 0 0 6.24-3.037a6.4 6.4 0 0 1 .109 4.756zm-6.917-2.745a25.5 25.5 0 0 0-2.833-3.505l4.199-4.197a4.69 4.69 0 0 0 6.593-.787a4.686 4.686 0 0 0 0-5.807l3.599-3.6a4.8 4.8 0 0 0 2.464 1a19.42 19.42 0 0 1-5.552 11.975a19.26 19.26 0 0 1-8.459 4.911z"/></svg>Skyliner アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:skyliner" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:skyliner" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:skyliner" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--skyliner]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:skyliner"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:skyliner"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/skyliner.svg" alt="Skyliner アイコン" width="24" height="24">Skyliner アイコン のよくある質問
Skyliner アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skyliner アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:skyliner" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skyliner アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/skyliner.svg" alt="Skyliner アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。