Strapi アイコン
cib:strapi
Strapi アイコン(cib:strapi)は、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="M23.063 14.073a.5.5 0 0 1-.26-.073l-2.036-1.193a.5.5 0 0 1-.255-.443V10.01c0-.182.094-.354.255-.448l2.047-1.182a.52.52 0 0 1 .51 0l2.052 1.177c.161.089.26.26.26.448v2.37a.52.52 0 0 1-.255.448l-2.047 1.182a.55.55 0 0 1-.271.068m-1.521-2.005l1.526.896l1.531-.885v-1.776l-1.531-.88l-1.536.885zM7.005 18.063c-.542.01-.74-.714-.26-.974l1.792-1.031a.516.516 0 1 1 .516.891l-1.792 1.036a.56.56 0 0 1-.255.078zm-.39 3.119c-.547.021-.74-.719-.255-.969l3.438-1.969c.25-.167.583-.089.734.172s.047.589-.224.719l-3.443 1.979a.6.6 0 0 1-.25.068m.557 2.568c-.542.005-.729-.714-.255-.969l4.156-2.328a.515.515 0 0 1 .734.177a.52.52 0 0 1-.229.724l-4.151 2.323a.5.5 0 0 1-.255.073M17.276 2.651l-2.552-1.547L1.833 8.562l.026 2.13l4.875 2.813l3.187-1.818l.693-3.391a.51.51 0 0 1 .25-.344l11.219-6.458a.51.51 0 0 1 .516 0l8.37 4.844c.161.094.26.26.26.448l-.016 9.687a.51.51 0 0 1-.26.448l-11.099 6.375a.5.5 0 0 1-.396.047l-3.37-.948l-3.156 1.833v5.599l1.844 1.068l12.891-7.458v-3l1.026-.672v3.964a.51.51 0 0 1-.255.448l-13.401 7.755a.51.51 0 0 1-.516 0l-2.365-1.359a.51.51 0 0 1-.26-.443v-6.193a.52.52 0 0 1 .255-.443l3.604-2.094a.5.5 0 0 1 .401-.052l3.375.953l10.661-6.115l.016-9.094l-7.859-4.547l-10.76 6.203l-.703 3.37a.5.5 0 0 1-.245.344l-3.635 2.089a.51.51 0 0 1-.516 0l-5.391-3.099a.5.5 0 0 1-.255-.438l-.042-2.74a.51.51 0 0 1 .255-.453L14.474.071a.49.49 0 0 1 .521 0l3.297 2z"/></svg>Strapi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:strapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:strapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:strapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--strapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:strapi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:strapi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/strapi.svg" alt="Strapi アイコン" width="24" height="24">他のアイコンセットの Strapi アイコン
Strapi アイコン のよくある質問
Strapi アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Strapi アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:strapi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Strapi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/strapi.svg" alt="Strapi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。