Nativescript アイコン
cib:nativescript
Nativescript アイコン(cib:nativescript)は、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="M2.36 2.349A7.57 7.57 0 0 1 7.735 0h16.796c1.829 0 3.537.803 5.109 2.349A7.23 7.23 0 0 1 32 7.598v17.027q.001 2.68-2.24 4.973a7.68 7.68 0 0 1-5.427 2.401H7.828a8.4 8.4 0 0 1-5.468-2.093C.921 28.598.136 26.707 0 24.171V7.639a6.94 6.94 0 0 1 2.36-5.291zm8.333 11.063l10.572 13.416h2.828c.652-.083 1.172-.265 1.557-.573c.401-.307.667-.749.855-1.333v-6.588c.109-1.265.896-2.052 2.359-2.333q-2.194-.799-2.359-2.479V7.23c-.156-.589-.437-1.068-.855-1.427a2.44 2.44 0 0 0-1.453-.631h-2.864v13.599L10.693 5.162H7.718c-.745.131-1.292.401-1.667.797c-.369.401-.615 1.041-.719 1.905v6.469c-.469.921-1.197 1.469-2.197 1.667c1.129.213 1.864.812 2.197 1.812v6.36c.027.735.265 1.333.719 1.828c.443.479.932.708 1.469.667h3.145z"/></svg>
Nativescript アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:nativescript" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:nativescript" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:nativescript" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--nativescript]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:nativescript"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:nativescript"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/nativescript.svg" alt="Nativescript アイコン" width="24" height="24">
他のアイコンセットの Nativescript アイコン
Nativescript アイコン のよくある質問
Nativescript アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nativescript アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:nativescript" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nativescript アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/nativescript.svg" alt="Nativescript アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
