ICONYZ
日本語
Flex free icons の Cake Slice Remix アイコン

Cake Slice Remix アイコン

streamline-flex:cake-slice-remix

Cake Slice Remix アイコン(streamline-flex:cake-slice-remix)は、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
カテゴリ
飲食
タグ
cakeslice、sliceremix、cakesliceremix
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="M6.24 1.13a.627.627 0 0 0-.317-.826a.623.623 0 0 0-.824.315l-.358.806c-.464.066-.883.247-1.208.572C3.11 2.42 2.932 3 2.932 3.63c0 .427.082.831.266 1.179q-.376.049-.727.117C1.57 5.1.947 5.812.734 6.622C.534 7.38.504 7.764.5 8.667v.543c0 1.262 0 1.644.234 2.533c.213.81.837 1.522 1.737 1.696c1.6.31 3.721.31 4.514.31h.03c.793 0 2.914 0 4.515-.31c.9-.174 1.523-.886 1.736-1.696c.234-.889.234-1.27.234-2.533v-.543c-.005-.903-.034-1.287-.234-2.045c-.213-.81-.837-1.522-1.737-1.696c-1.476-.287-3.395-.309-4.306-.31c.122-.301.177-.636.177-.986c0-.63-.18-1.21-.602-1.633a1.95 1.95 0 0 0-.74-.46zM1.75 8.839c1.857.345 4.306.345 5.25.345c.945 0 3.393 0 5.25-.345v.344c0 1.278-.002 1.517-.193 2.243c-.112.427-.414.72-.766.787c-1.471.286-3.486.288-4.291.288s-2.82-.002-4.292-.288c-.35-.068-.653-.36-.765-.787c-.191-.726-.193-.965-.193-2.242zm2.667-5.957c.121-.122.336-.23.715-.235h.06c.383.004.6.113.722.235c.125.125.236.35.236.75s-.11.624-.236.749c-.124.125-.349.235-.748.235c-.4 0-.624-.11-.75-.235c-.124-.125-.234-.35-.234-.75s.11-.624.235-.75" clip-rule="evenodd"/></svg>

Cake Slice Remix アイコンの使い方

React

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

<Icon icon="streamline-flex:cake-slice-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:cake-slice-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:cake-slice-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--cake-slice-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:cake-slice-remix"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:cake-slice-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/cake-slice-remix.svg" alt="Cake Slice Remix アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Cake Slice Remix アイコン

Cake Slice Remix アイコン のよくある質問

Cake Slice Remix アイコンは商用利用でも無料ですか?

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

React で Cake Slice Remix アイコンを使うには?

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

Cake Slice Remix アイコンをウェブページに追加するには?

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

Flex free icons をすべて見る →