Flutter Dash アイコン
material-symbols-light:flutter-dash
Flutter Dash アイコン(material-symbols-light:flutter-dash)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- アクション
- タグ
- app、application、bird、dash、flutter、framework、logo、mascot、open source、program、software、action、flutterdash、flutter dash outline sharp、flutter dash outline rounded、flutter dash sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.086 15.423q-.055-.08.418-.664q.474-.584 1.084-1.242q.695-.785 1.621-1.74q.281-.373.72-.383t.73.352q.262.342.177.768q-.084.427-.463.632q-1.17.694-2.084 1.22q-.8.442-1.474.79t-.729.267m2.856 5.923q-.125 0-.222-.042q-.096-.042-.154-.148q-.078-.127-.168-.352t-.09-.525q0-.192.025-.353t.055-.322q-.569-.105-.96-.569q-.39-.463-.39-1.073q0-.158.056-.448q-1.557-.55-2.514-1.756t-1.244-3.11q-.125.125-.248.18q-.124.057-.289.057q-.309 0-.785-.476t-.476-2.06q0-1.459.85-2.635t1.694-1.176q.281 0 .35.25t.068.466q.815-1.139 2.022-1.879t2.684-.907q.128-.605.611-.96q.483-.354 1.03-.354V4q.08-.111.21-.212q.107-.084.265-.148t.37-.063t.37.063q.16.064.265.148q.13.1.212.212q-.318 0-.53.187q-.211.186-.267.472q1.14.296 2.112.97q.97.676 1.646 1.625q0-.218.068-.467t.35-.249q.846 0 1.695 1.174t.849 2.634q0 1.587-.476 2.063t-.794.476q-.141 0-.272-.053t-.256-.159q-.296 2.114-1.447 3.372q-1.151 1.257-3.051 1.68q.063.298.284.479q.22.18.515.18h.484q.147 0 .254.085q.107.084.15.21q.106.336.373.63q.266.295.484.5q.161.137.158.336q-.002.2-.17.305q-.232.17-.589.296q-.357.127-.936.177q-.125 0-.222-.042q-.096-.042-.154-.148q-.078-.127-.168-.352t-.09-.525q0-.192.025-.353t.055-.322q-.503-.087-.858-.444q-.355-.358-.442-.856q-.317.04-.634.06q-.318.02-.679.02q-.552 0-1.072-.052q-.52-.053-1-.159l-.05.212q0 .36.24.603t.602.243h.49q.15 0 .256.084t.15.21q.106.336.373.63q.267.295.484.5q.162.137.159.336t-.171.305q-.231.17-.589.296q-.357.127-.936.177m6.77-8.275q.105-.423.158-.888q.053-.466.053-.994q0-2.454-1.735-4.187t-4.19-1.733T7.81 7.004t-1.733 4.188q0 .524.053.98q.053.458.159.874q.125-.423.289-.824t.4-.768q-.13-.312-.198-.632t-.068-.68q0-1.336.919-2.258t2.25-.922q.613 0 1.153.223t.963.605q.423-.382.963-.605t1.154-.223q1.333 0 2.254.924t.92 2.256q0 .36-.077.68q-.078.32-.215.632q.237.367.414.768t.302.85m-5.721 4.044q1.838 0 3.101-.572t1.964-1.713q0-.064.01-.127t.011-.127q0-.635-.146-1.228q-.146-.594-.439-1.124q-.448.498-1.052.79t-1.324.293q-.175 0-.35-.016q-.174-.015-.335-.065q.106-.144.159-.3q.052-.154.077-.333q.025-.045.025-.09v-.092q.125.024.212.037t.212.013q.973 0 1.65-.678t.676-1.652t-.676-1.65q-.677-.674-1.65-.674q-.443 0-.835.157q-.392.158-.702.452L12 8.921l-.576-.503q-.32-.293-.708-.452q-.389-.158-.832-.158q-.973 0-1.65.677t-.676 1.65q0 .852.531 1.483t1.347.794l-.634.71q-.373-.137-.703-.371t-.591-.526q-.292.53-.439 1.123q-.146.593-.146 1.229v.212q.716 1.157 1.983 1.742t3.085.585m1.225-5.933q-.37-.433-.37-1.046q0-.612.37-1.047q.37-.436.9-.436q.528 0 .899.433q.37.433.37 1.045t-.37 1.048t-.9.436q-.528 0-.899-.433m1.209-1.471q.144 0 .235-.096q.09-.096.09-.224t-.093-.222t-.216-.093q-.145 0-.235.093t-.09.216q0 .145.092.235q.093.09.217.09m-5.44 1.472q-.37-.433-.37-1.046q0-.612.37-1.047q.37-.436.9-.436q.528 0 .899.433q.37.433.37 1.045t-.37 1.048t-.9.436q-.528 0-.899-.433m1.209-1.471q.144 0 .235-.096q.09-.096.09-.224t-.093-.222t-.216-.093q-.145 0-.235.093t-.09.216q0 .145.092.235q.093.09.217.09"/></svg>Flutter Dash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:flutter-dash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:flutter-dash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:flutter-dash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--flutter-dash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:flutter-dash"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:flutter-dash"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/flutter-dash.svg" alt="Flutter Dash アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Flutter Dash アイコン
Flutter Dash アイコン のよくある質問
Flutter Dash アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flutter Dash アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:flutter-dash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flutter Dash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/flutter-dash.svg" alt="Flutter Dash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。