Polaroid Flat アイコン
streamline-plump-color:polaroid-flat
Polaroid Flat アイコン(streamline-plump-color:polaroid-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
- カテゴリ
- 画像・写真
- タグ
- polaroidflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="M7.917 36.162c2.512.177 6.157.338 11.083.338s8.571-.161 11.083-.338c3.303-.231 5.848-2.776 6.08-6.079c.176-2.512.337-6.157.337-11.083s-.161-8.571-.338-11.083c-.231-3.303-2.776-5.848-6.079-6.08C27.571 1.662 23.926 1.5 19 1.5s-8.571.161-11.083.338c-3.303.231-5.848 2.776-6.08 6.079C1.662 10.429 1.5 14.074 1.5 19s.161 8.571.338 11.083c.231 3.303 2.776 5.848 6.079 6.08Zm4.507 5.118a6.55 6.55 0 0 1-3.33-2.538c2.466.143 5.74.258 9.906.258c4.98 0 8.684-.164 11.258-.344c4.546-.319 8.08-3.852 8.398-8.398C38.836 27.684 39 23.98 39 19c0-2.424-.039-4.545-.1-6.38c1.498.462 2.766.88 3.819 1.242c3.13 1.079 4.93 4.195 4.298 7.446c-.48 2.472-1.267 6.035-2.542 10.792c-1.275 4.758-2.374 8.238-3.195 10.619c-1.078 3.13-4.194 4.93-7.445 4.298c-2.472-.48-6.035-1.267-10.793-2.542s-8.237-2.374-10.618-3.195" clip-rule="evenodd"/><path fill="#2859c5" d="M9.095 38.742a6.56 6.56 0 0 0 3.329 2.538c2.38.82 5.86 1.92 10.618 3.195s8.32 2.062 10.793 2.542c3.25.631 6.367-1.168 7.445-4.299q.372-1.074.815-2.456l-8.786-2.354a9.2 9.2 0 0 1-3.051.748c-2.574.18-6.278.343-11.258.343c-4.167 0-7.44-.114-9.905-.257m-1.179-2.58c2.512.177 6.157.338 11.083.338s8.571-.161 11.083-.338c3.304-.231 5.848-2.776 6.08-6.079q.08-1.134.15-2.583H1.687q.07 1.449.15 2.583c.232 3.303 2.777 5.848 6.08 6.08Z"/></g></svg>Polaroid Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:polaroid-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:polaroid-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:polaroid-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--polaroid-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:polaroid-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:polaroid-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/polaroid-flat.svg" alt="Polaroid Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Polaroid Flat アイコン
Polaroid Flat アイコン のよくある質問
Polaroid Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Polaroid Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:polaroid-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Polaroid Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/polaroid-flat.svg" alt="Polaroid Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。