Star Badge Remix アイコン

Q: Star Badge Remix アイコンは商用利用でも無料ですか?

はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-flex:star-badge-remix

Star Badge Remix アイコン(streamline-flex:star-badge-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flex free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 14 × 14
カテゴリ: 基本インターフェース
タグ: starbadge、badgeremix、starbadgeremix

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M3.21 5.038c0-1.297.363-2.222.965-2.824c.601-.601 1.527-.964 2.824-.964s2.222.363 2.824.964c.601.602.964 1.527.964 2.824c0 1.298-.363 2.223-.964 2.825c-.602.601-1.527.964-2.824.964a5.5 5.5 0 0 1-1.223-.128c-.876-.2-1.51-.625-1.927-1.231l-.023-.032c-.39-.584-.616-1.375-.616-2.398m-.742 2.527c-.341-.726-.508-1.579-.508-2.527c0-1.527.432-2.808 1.331-3.707C4.191.43 5.471 0 6.999 0c1.527 0 2.809.432 3.708 1.33c.899.9 1.33 2.181 1.33 3.708c0 .948-.166 1.8-.506 2.526c1.09.647 2.132 1.752 2.452 3.148a.63.63 0 0 1-.205.617a1.84 1.84 0 0 1-1.061.455a2.4 2.4 0 0 1-.376.001c-.153.856-.609 1.63-1.5 2.134a.625.625 0 0 1-.928-.466a5.7 5.7 0 0 0-1.736-3.47a7 7 0 0 1-1.178.094q-.616 0-1.176-.094a5.7 5.7 0 0 0-1.736 3.47a.625.625 0 0 1-.928.466c-.891-.505-1.346-1.278-1.5-2.134q-.186.014-.376 0a1.84 1.84 0 0 1-1.061-.456a.63.63 0 0 1-.205-.617c.32-1.396 1.361-2.5 2.45-3.147m3.709-4.82a.926.926 0 0 1 1.649 0q.186.355.302.754q.392 0 .768.062c.75.126 1.078 1.02.53 1.578q-.273.277-.609.501q.114.352.167.708c.117.766-.65 1.366-1.362 1.004A4 4 0 0 1 7 6.958q-.298.23-.62.394c-.713.362-1.48-.238-1.362-1.004q.053-.355.167-.708a4 4 0 0 1-.608-.5c-.549-.56-.221-1.453.529-1.579q.375-.062.768-.062a4 4 0 0 1 .303-.754" clip-rule="evenodd"/></svg>

Star Badge Remix アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-flex:star-badge-remix" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-flex:star-badge-remix" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-flex:star-badge-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--star-badge-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:star-badge-remix"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-flex:star-badge-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/star-badge-remix.svg" alt="Star Badge Remix アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Star Badge Remix アイコン

Star Badge Remix アイコンのよくある質問

Star Badge Remix アイコンは商用利用でも無料ですか?

はい。Flex free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Star Badge Remix アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-flex:star-badge-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Star Badge Remix アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/star-badge-remix.svg" alt="Star Badge Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flex free icons をすべて見る →