Circle Trending Up Sparkles Duotone アイコン
keyline-icons:circle-trending-up-sparkles-duotone
Circle Trending Up Sparkles Duotone アイコン(keyline-icons:circle-trending-up-sparkles-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- circletrending、trendingup、upsparkles、sparklesduotone、circletrendingupsparklesduotone、sparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19 4.8586C20.8514 6.6735 22 9.2026 22 12C22 17.5228 17.5228 22 12 22C6.4772 22 2 17.5228 2 12M7 14.5L10.2 11.3L12.7 13.8L16.6 9.9M14 9.5L16.5 9.5C16.7761 9.5 17 9.7239 17 10L17 12.5"/><path fill="currentColor" d="M5.5492 1.3739L6.1373 2.8648C6.3173 3.3213 6.6787 3.6827 7.1352 3.8627L8.6261 4.4508C8.8518 4.5397 9 4.7576 9 5C9 5.2424 8.8518 5.4603 8.6261 5.5492L7.1352 6.1373C6.6787 6.3173 6.3173 6.6787 6.1373 7.1352L5.5492 8.6261C5.4603 8.8518 5.2424 9 5 9C4.7576 9 4.5397 8.8518 4.4508 8.6261L3.8627 7.1352C3.6827 6.6787 3.3213 6.3173 2.8648 6.1373L1.3739 5.5492C1.1482 5.4603 1 5.2424 1 5C1 4.7576 1.1482 4.5397 1.3739 4.4508L2.8648 3.8627C3.3213 3.6827 3.6827 3.3213 3.8627 2.8648L4.4508 1.3739C4.5397 1.1482 4.7576 1 5 1C5.2424 1 5.4603 1.1482 5.5492 1.3739Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M13.8433 1.2337L14.2108 2.1655C14.3233 2.4508 14.5492 2.6767 14.8345 2.7892L15.7663 3.1567C15.9074 3.2123 16 3.3485 16 3.5C16 3.6515 15.9074 3.7877 15.7663 3.8433L14.8345 4.2108C14.5492 4.3233 14.3233 4.5492 14.2108 4.8345L13.8433 5.7663C13.7877 5.9074 13.6515 6 13.5 6C13.3485 6 13.2123 5.9074 13.1567 5.7663L12.7892 4.8345C12.6767 4.5492 12.4508 4.3233 12.1655 4.2108L11.2337 3.8433C11.0926 3.7877 11 3.6515 11 3.5C11 3.3485 11.0926 3.2123 11.2337 3.1567L12.1655 2.7892C12.4508 2.6767 12.6767 2.4508 12.7892 2.1655L13.1567 1.2337C13.2123 1.0926 13.3485 1 13.5 1C13.6515 1 13.7877 1.0926 13.8433 1.2337Z" stroke="none"/></g></svg>Circle Trending Up Sparkles Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:circle-trending-up-sparkles-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:circle-trending-up-sparkles-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:circle-trending-up-sparkles-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--circle-trending-up-sparkles-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-trending-up-sparkles-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:circle-trending-up-sparkles-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/circle-trending-up-sparkles-duotone.svg" alt="Circle Trending Up Sparkles Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
circle
circle-activity
circle-activity-duotone
circle-activity-fill
circle-activity-sharp
circle-activity-sharp-duotone
circle-activity-sharp-fill
circle-activity-sharp-two-tone
circle-activity-two-tone
circle-alert
circle-alert-duotone
circle-alert-fill
circle-alert-sharp
circle-alert-sharp-duotone
circle-alert-sharp-fill
circle-alert-sharp-two-tone
circle-alert-two-tone
circle-align-offset-bottom
circle-align-offset-bottom-duotone
circle-align-offset-bottom-fill
circle-align-offset-bottom-sharp
circle-align-offset-bottom-sharp-duotone
circle-align-offset-bottom-sharp-fill
circle-align-offset-bottom-sharp-two-tone
Circle Trending Up Sparkles Duotone アイコン のよくある質問
Circle Trending Up Sparkles Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Circle Trending Up Sparkles Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:circle-trending-up-sparkles-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Circle Trending Up Sparkles Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-trending-up-sparkles-duotone.svg" alt="Circle Trending Up Sparkles Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。