ICONYZ
日本語
Reicon の Ticker Star Duotone アイコン

Ticker Star Duotone アイコン

reicon:ticker-star-duotone

Ticker Star Duotone アイコン(reicon:ticker-star-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
お金
タグ
tickerstar、starduotone、tickerstarduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.004 4H9.996C6.218 4 4.33 4 3.156 5.172c-.88.877-1.1 2.154-1.156 4.322c-.007.278.221.5.49.571A2 2 0 0 1 3.986 12c0 .929-.634 1.71-1.494 1.935c-.27.07-.498.292-.49.57c.055 2.17.276 3.446 1.154 4.323C4.33 20 6.218 20 9.996 20h4.008c3.778 0 5.667 0 6.84-1.172c.88-.877 1.1-2.154 1.156-4.322c.007-.279-.221-.5-.49-.571A2 2 0 0 1 20.014 12c0-.929.634-1.71 1.494-1.935c.27-.07.498-.293.49-.57c-.055-2.17-.276-3.446-1.154-4.323C19.67 4 17.782 4 14.004 4" opacity=".5"/><path d="m12.954 10.199l-.099-.176C12.475 9.34 12.285 9 12 9s-.475.34-.856 1.023l-.098.176c-.109.194-.163.29-.247.354s-.19.088-.4.135l-.19.044c-.74.167-1.11.25-1.198.532s.164.577.668 1.165l.13.152c.144.167.216.25.248.354s.021.215 0 .438l-.02.203c-.076.785-.114 1.178.116 1.352s.576.015 1.268-.303l.18-.082c.196-.09.294-.135.399-.135c.104 0 .202.045.399.135l.18.082c.691.319 1.037.477 1.268.303c.23-.174.192-.567.116-1.352l-.02-.203c-.022-.223-.033-.334 0-.438c.032-.103.103-.187.247-.354l.13-.152c.504-.588.756-.882.668-1.165c-.088-.282-.458-.365-1.197-.532l-.191-.044c-.21-.047-.315-.07-.4-.135c-.084-.064-.138-.16-.246-.354"/></g></svg>

Ticker Star Duotone アイコンの使い方

React

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

<Icon icon="reicon:ticker-star-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:ticker-star-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:ticker-star-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--ticker-star-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:ticker-star-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:ticker-star-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/ticker-star-duotone.svg" alt="Ticker Star Duotone アイコン" width="24" height="24">

Reicon の関連アイコン

Ticker Star Duotone アイコン のよくある質問

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Ticker Star Duotone アイコンを使うには?

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

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

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

Reicon アイコン をすべて見る →