Inbox Favorite アイコン
streamline-flex-color:inbox-favorite
Inbox Favorite アイコン(streamline-flex-color:inbox-favorite)は、Flex color icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- メール
- タグ
- inboxfavorite
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#d7e0ff" d="M7 10.044c-1.517 0-2.993-.121-4.414-.283c-.82-.094-1.506-.693-1.64-1.509C.813 7.43.75 6.58.75 5.404s.062-2.027.197-2.849c.133-.815.819-1.415 1.64-1.508C4.006.885 5.482.764 7 .764c1.517 0 2.993.121 4.414.283c.82.093 1.506.693 1.64 1.508c.134.822.196 1.673.196 2.849c0 1.175-.062 2.026-.197 2.848c-.133.816-.819 1.415-1.64 1.509c-1.42.162-2.896.283-4.413.283"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M13.181 7.226c.047-.534.069-1.12.069-1.822c0-1.176-.062-2.026-.197-2.849c-.133-.815-.819-1.415-1.64-1.508C9.994.885 8.518.764 7 .764c-1.517 0-2.993.121-4.414.283c-.82.093-1.506.693-1.64 1.508C.813 3.378.75 4.228.75 5.404c0 1.175.062 2.026.197 2.848c.133.816.819 1.415 1.64 1.509a45 45 0 0 0 2.806.24"/><path fill="#fff" d="M10.214 7.977a.25.25 0 0 1 .437 0l.814 1.466c.04.07.11.118.191.127l1.29.143c.214.024.3.29.139.435l-1.04.933a.25.25 0 0 0-.077.235l.318 1.592a.25.25 0 0 1-.384.257l-1.331-.887a.25.25 0 0 0-.277 0l-1.332.887a.25.25 0 0 1-.384-.257l.319-1.592a.25.25 0 0 0-.078-.235l-1.04-.933a.25.25 0 0 1 .14-.435l1.29-.143a.25.25 0 0 0 .19-.127z"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M10.214 7.977a.25.25 0 0 1 .437 0l.814 1.466c.04.07.11.118.191.127l1.29.143c.214.024.3.29.139.435l-1.04.933a.25.25 0 0 0-.077.235l.318 1.592a.25.25 0 0 1-.384.257l-1.331-.887a.25.25 0 0 0-.277 0l-1.332.887a.25.25 0 0 1-.384-.257l.319-1.592a.25.25 0 0 0-.078-.235l-1.04-.933a.25.25 0 0 1 .14-.435l1.29-.143a.25.25 0 0 0 .19-.127zM1.279 1.78l4.483 3.536a2 2 0 0 0 2.476 0l4.483-3.532"/></g></svg>
Inbox Favorite アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:inbox-favorite" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:inbox-favorite" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:inbox-favorite" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--inbox-favorite]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:inbox-favorite"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:inbox-favorite"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/inbox-favorite.svg" alt="Inbox Favorite アイコン" width="24" height="24">
他のアイコンセットの Inbox Favorite アイコン
Inbox Favorite アイコン のよくある質問
Inbox Favorite アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Inbox Favorite アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:inbox-favorite" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Inbox Favorite アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/inbox-favorite.svg" alt="Inbox Favorite アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Flex color icons をすべて見る →
ICONYZ
