Fragile Remix アイコン
streamline-flex:fragile-remix
Fragile Remix アイコン(streamline-flex:fragile-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
- カテゴリ
- 配送
- タグ
- fragileremix
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="M10.97 1.25H7.643l-.011.018l-1.039 1.58l1.367 1.17a.75.75 0 0 1 .16.948l-.935 1.6a.75.75 0 0 1-1.295-.757l.618-1.058l-1.392-1.192a.75.75 0 0 1-.14-.982L5.85 1.25H3.018c-.305-.002-.541.22-.569.45a44 44 0 0 0-.199 3.436c0 1.289.512 2.233 1.328 2.87c.833.651 2.03 1.015 3.422 1.015s2.59-.364 3.423-1.015c.815-.637 1.327-1.581 1.327-2.87c0-.486-.07-2.208-.2-3.438c-.028-.23-.264-.45-.569-.448zM10.972 0h.002c.852-.005 1.707.606 1.819 1.556v.007c.134 1.274.207 3.043.207 3.573c0 1.665-.682 2.976-1.808 3.855c-.961.751-2.212 1.163-3.567 1.258v2.133c.392.041.79.111 1.118.178a18 18 0 0 1 .844.192l.053.014l.015.004h.004v.001s.002 0-.158.593l.159-.593a.625.625 0 0 1-.323 1.208l-.003-.001l-.011-.003l-.046-.012l-.177-.044a17 17 0 0 0-.604-.134c-.487-.098-1.05-.187-1.475-.19h-.042c-.426.003-.99.092-1.476.19a17 17 0 0 0-.781.178l-.046.012l-.011.003h-.003a.625.625 0 0 1-.324-1.207l.162.604l-.162-.604h.002l.004-.001l.015-.004l.053-.014l.193-.048c.163-.04.39-.092.65-.144c.33-.067.728-.137 1.12-.179V10.25c-1.355-.095-2.606-.507-3.567-1.258C1.683 8.111 1 6.801 1 5.136c0-.528.073-2.355.207-3.576v-.004C1.312.66 2.08.066 2.88.006L2.96 0z" clip-rule="evenodd"/></svg>Fragile Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:fragile-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:fragile-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:fragile-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--fragile-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:fragile-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:fragile-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/fragile-remix.svg" alt="Fragile Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Fragile Remix アイコン
Fragile Remix アイコン のよくある質問
Fragile Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fragile Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:fragile-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fragile Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/fragile-remix.svg" alt="Fragile Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。