ICONYZ
日本語
Flex free icons の Inbox Favorite Solid アイコン

Inbox Favorite Solid アイコン

streamline-flex:inbox-favorite-solid

Inbox Favorite Solid アイコン(streamline-flex:inbox-favorite-solid)は、Flex free icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flex free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
14 × 14
カテゴリ
メール
タグ
inboxfavorite、favoritesolid、inboxfavoritesolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M8.948 13.688a.918.918 0 0 1-.862-1.154c.069-.286.153-.58.258-.906a.575.575 0 0 0-.237-.66a10 10 0 0 1-.54-.37a.864.864 0 0 1-.31-1.034a.9.9 0 0 1 .816-.566c.308-.016.633-.02 1.006-.014a.25.25 0 0 0 .247-.18c.096-.32.189-.598.286-.863c.301-.815 1.418-.84 1.705-.02c.092.266.175.548.256.873c.029.113.13.193.247.192a22 22 0 0 1 .841.016l.104.005c.872.047 1.22 1.105.516 1.62q-.232.17-.504.345a.57.57 0 0 0-.236.65c.105.339.19.643.26.942c.15.628-.317 1.149-.852 1.155l-.067-.002a.9.9 0 0 1-.47-.18a10 10 0 0 1-.966-.824c-.347.32-.648.572-.949.792a.9.9 0 0 1-.549.183m3.747-5.996a.07.07 0 0 1-.07.057a.07.07 0 0 1-.063-.047l-.065-.193c-.713-2.04-3.393-1.8-4.057 0l-.024.064a.26.26 0 0 1-.23.169l-.178.007a2.18 2.18 0 0 0-1.996 1.605a.27.27 0 0 1-.263.204a42 42 0 0 1-3.535-.27C1.394 9.195.707 8.595.574 7.78C.44 6.958.377 6.107.377 4.93c0-1.175.063-2.026.197-2.848c.016-.097.13-.134.206-.073l4.184 3.316a2.625 2.625 0 0 0 3.257.004l4.219-3.331c.09-.071.222-.03.24.084c.135.822.197 1.673.197 2.848c0 1.134-.057 1.965-.182 2.76ZM7.446 4.348l4.139-3.267c.135-.107.123-.315-.037-.379a2 2 0 0 0-.507-.128C9.621.412 8.144.291 6.627.291S3.635.412 2.214.574q-.286.033-.543.143c-.157.066-.167.272-.034.378L5.74 4.347c.5.396 1.206.396 1.706.001" clip-rule="evenodd"/></svg>

Inbox Favorite Solid アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-flex:inbox-favorite-solid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-flex:inbox-favorite-solid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-flex:inbox-favorite-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--inbox-favorite-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:inbox-favorite-solid"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-flex:inbox-favorite-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/inbox-favorite-solid.svg" alt="Inbox Favorite Solid アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Inbox Favorite Solid アイコン

Inbox Favorite Solid アイコン のよくある質問

Inbox Favorite Solid アイコンは商用利用でも無料ですか?

はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Inbox Favorite Solid アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-flex:inbox-favorite-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Inbox Favorite Solid アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/inbox-favorite-solid.svg" alt="Inbox Favorite Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flex free icons をすべて見る →