ICONYZ
日本語
Kameleon color icons の Favorite File アイコン

Favorite File アイコン

streamline-kameleon-color:favorite-file

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

アイコンセット
Kameleon color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
仕事・オフィス
タグ
favoritefile
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#32bea6" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#fff" d="M13.527 11.712c0-.925.75-1.676 1.676-1.676h12.288l6.982 5.865v20.386c0 .925-.75 1.675-1.676 1.675H15.203c-.925 0-1.676-.75-1.676-1.675z"/><path fill="#e2e4e5" d="M27.49 10.036v4.189c0 .926.75 1.676 1.676 1.676h5.306"/><path fill="#fa5655" d="M24.437 19.635c-4.331 0-7.855 3.524-7.855 7.854s3.524 7.855 7.855 7.855s7.854-3.524 7.854-7.855s-3.523-7.854-7.854-7.854m.192 12.046a.32.32 0 0 1-.385 0c-.153-.11-3.735-2.74-3.735-4.822c0-1.449 1.073-2.314 2.11-2.314c.622 0 1.355.322 1.818 1.167c.462-.846 1.195-1.167 1.817-1.167c1.037 0 2.11.865 2.11 2.314c0 2.082-3.582 4.711-3.735 4.822"/></g></svg>

Favorite File アイコンの使い方

React

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

<Icon icon="streamline-kameleon-color:favorite-file" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:favorite-file" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:favorite-file" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--favorite-file]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:favorite-file"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-kameleon-color:favorite-file"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/favorite-file.svg" alt="Favorite File アイコン" width="24" height="24">

Kameleon color icons の関連アイコン

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

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

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

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

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

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

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

Kameleon color icons をすべて見る →