Ampersand Flat アイコン
streamline-plump-color:ampersand-flat
Ampersand Flat アイコン(streamline-plump-color:ampersand-flat)は、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
- カテゴリ
- 基本インターフェース
- タグ
- ampersandflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#8fbffa" fill-rule="evenodd" d="M37.834 45.795c1.644.95 3.852.693 5.157-.706a4.9 4.9 0 0 0 1.175-1.933c.283-.85-.076-1.75-.705-2.388l-4.79-4.848c1.635-3.349 4.02-11.92 2.3-15.87c-1.002-1.604-3.229-1.574-5.105-1.117c-1.161.283-1.856 1.397-1.898 2.592c-.1 2.81-.445 5.675-1.29 8.33l-7.76-7.904c3.314-.785 6.69-2.672 7.695-6.522C34.766 7.178 29.273 1.5 21.596 1.5C15.41 1.5 9.47 5.02 9.47 11.727c0 2.98 1.304 5.406 3.136 7.688c-5.475 2.217-9.06 6.883-9.06 12.837c0 9.174 7.883 14.248 16.447 14.248c4.894 0 9.78-1.402 13.45-4.726c1.337 1.353 2.664 3.147 4.391 4.02M23.18 8.732c-2.606-.584-5.138.85-5.138 3.912c0 1.85.993 3.16 2.174 4.465c.277.001 5.198-.33 5.933-3.312c.735-2.983-1.05-4.636-2.969-5.065m-2.769 30.715c-4.59 0-8.432-2.711-8.432-7.547c0-3.228 2.085-6.017 5.157-7.054l11.22 11.638c-2.211 1.93-5 2.963-7.945 2.963" clip-rule="evenodd"/></svg>Ampersand Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:ampersand-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:ampersand-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:ampersand-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--ampersand-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:ampersand-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:ampersand-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/ampersand-flat.svg" alt="Ampersand Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Ampersand Flat アイコン
Ampersand Flat アイコン のよくある質問
Ampersand Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ampersand Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:ampersand-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ampersand Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/ampersand-flat.svg" alt="Ampersand Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。