Graph Arrow User Increase アイコン
streamline-plump-color:graph-arrow-user-increase
Graph Arrow User Increase アイコン(streamline-plump-color:graph-arrow-user-increase)は、Plump color icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- お金・ショッピング
- タグ
- grapharrow、arrowuser、userincrease、grapharrowuserincrease
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M41.874 20.04c1.613.978 3.295-.063 3.112-1.94c-.14-1.436-.381-3.338-.795-5.791c-.659-3.901-1.455-6.26-2.033-7.587a2.78 2.78 0 0 0-2.431-1.694c-1.448-.084-3.943-.016-7.843.715c-2.448.458-4.32.888-5.718 1.252c-1.83.477-2.225 2.42-.744 3.595c1.025.814 2.4 1.863 4.227 3.19c-1.288 2.736-2.909 5.512-4.64 7.894c0 0-4.098-3.239-7.918-5.92a2.71 2.71 0 0 0-3.563.377C7.753 20.427 4.44 26.535 3.267 28.905c-.333.672-.403 1.447.072 2.026c.288.35.718.768 1.363 1.219c.469.327.883.554 1.238.711c.91.402 1.821-.117 2.409-.92c1.767-2.413 5.69-7.677 7.98-10.02c.987.69 2.19 1.641 3.406 2.65c.247.205.62.13.783-.146A11 11 0 0 1 30.002 19c1.756 0 3.417.412 4.89 1.144c.209.104.463.06.617-.116c.807-.916 1.582-1.787 2.31-2.575a120 120 0 0 0 4.055 2.587"/><path fill="#fff" d="M33.975 35.763a7 7 0 1 0-7.964-.01c-2.708 1.074-4.841 3.215-5.833 5.878c-.528 1.418.256 3.043 1.765 3.159l.101.007c1.928.11 4.548.203 7.936.203s6.009-.092 7.937-.203l.102-.007c1.509-.116 2.292-1.742 1.764-3.159c-.988-2.655-3.111-4.79-5.808-5.868"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M36 19.493c.635-.718 1.248-1.402 1.83-2.032a122 122 0 0 0 3.905 2.495c1.688 1.029 3.448-.057 3.25-2.024a85 85 0 0 0-.778-5.618c-.647-3.834-1.427-6.179-2.003-7.519a2.88 2.88 0 0 0-2.542-1.771c-1.46-.077-3.937 0-7.771.72c-2.35.44-4.17.853-5.55 1.208c-1.92.493-2.33 2.525-.774 3.754c1.01.798 2.342 1.811 4.088 3.08a50.6 50.6 0 0 1-4.042 7.047a.986.986 0 0 1-1.42.21c-1.371-1.066-4.256-3.28-7.013-5.22a2.837 2.837 0 0 0-3.734.397C7.754 20.446 4.468 26.474 3.278 28.87c-.35.703-.423 1.517.083 2.118c.287.341.71.745 1.329 1.178c.44.307.831.526 1.172.681c.948.433 1.906-.11 2.522-.95c1.79-2.443 5.669-7.641 7.94-9.965c.796.555 1.73 1.28 2.7 2.068"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M33.975 35.763a7 7 0 1 0-7.964-.01c-2.708 1.074-4.841 3.215-5.833 5.878c-.528 1.418.256 3.043 1.765 3.159l.101.007c1.928.11 4.548.203 7.936.203s6.009-.092 7.937-.203l.102-.007c1.509-.116 2.292-1.742 1.764-3.159c-.988-2.655-3.111-4.79-5.808-5.868"/></g></svg>Graph Arrow User Increase アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:graph-arrow-user-increase" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:graph-arrow-user-increase" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:graph-arrow-user-increase" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--graph-arrow-user-increase]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:graph-arrow-user-increase"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:graph-arrow-user-increase"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/graph-arrow-user-increase.svg" alt="Graph Arrow User Increase アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Graph Arrow User Increase アイコン
Graph Arrow User Increase アイコン のよくある質問
Graph Arrow User Increase アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Graph Arrow User Increase アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:graph-arrow-user-increase" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Graph Arrow User Increase アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/graph-arrow-user-increase.svg" alt="Graph Arrow User Increase アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。