Dashing Away アイコン
fluent-emoji-flat:dashing-away
Dashing Away アイコン(fluent-emoji-flat:dashing-away)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- dashingaway
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fff" d="M1 16a2 2 0 0 0 2 2c3.314 0 6 1.79 6 4a7 7 0 0 0 7 7c.166 0 .18-.237.02-.284A7 7 0 0 1 11 22c1.627-2.87 3.392-6 3.392-6S12.665 12.936 11 10a7 7 0 0 1 5.02-6.716C16.18 3.237 16.166 3 16 3a7 7 0 0 0-7 7c0 2.21-2.686 4-6 4a2 2 0 0 0-2 2"/><path fill="#bebebe" d="M17.02 3.284C17.18 3.237 17.166 3 17 3a7 7 0 0 0-7 7c0 1.552-.848 2.939-2.18 3.856a17.5 17.5 0 0 0 3.293-.754l.229-.077a.5.5 0 0 1 .316.95l-.229.075a18.5 18.5 0 0 1-5.85.95H3a1 1 0 1 0 0 2h2.579a18.5 18.5 0 0 1 5.85.95l.23.076a.5.5 0 1 1-.317.948l-.229-.076a17.5 17.5 0 0 0-3.293-.754C9.15 19.06 10 20.448 10 22a7 7 0 0 0 7 7c.166 0 .18-.237.02-.284C16.156 22 15.392 16 15.392 16s.858-7.5 1.628-12.716"/><path fill="#dadada" d="M24 10a7 7 0 0 1-3.392 6A7 7 0 0 1 17 29c.166 0 .18-.237.02-.284a7.003 7.003 0 0 1-2.439-12.145v-1.142a7.003 7.003 0 0 1 2.44-12.145C17.178 3.237 17.165 3 17 3a7 7 0 0 1 7 7"/><path fill="#e6e6e6" d="M13 16a9 9 0 0 1 9-9c4.978 1.54 7.448 4.03 7.448 9s-2.17 7.262-7.448 9a9 9 0 0 1-9-9"/><path fill="#fff" d="M20.226 9.09c.285-.052.338.358.077.485c-2.205 1.077-3.747 3.548-3.747 6.425s1.542 5.348 3.747 6.425c.26.127.208.537-.077.485a5.7 5.7 0 0 1-1.337-.419C16.609 21.453 15 18.938 15 16s1.609-5.453 3.889-6.491a5.7 5.7 0 0 1 1.337-.42"/><path fill="#bebebe" d="M24.028 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2m6 1a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-4 23.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-4.058-3.886c-.21.067-.189.386.03.386a9 9 0 1 0 0-18c-.219 0-.24.319-.03.386C25.46 8.506 28 11.939 28 16s-2.54 7.494-6.03 8.614"/></g></svg>
Dashing Away アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:dashing-away" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:dashing-away" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:dashing-away" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--dashing-away]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:dashing-away"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:dashing-away"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dashing-away.svg" alt="Dashing Away アイコン" width="24" height="24">
他のアイコンセットの Dashing Away アイコン
Dashing Away アイコン のよくある質問
Dashing Away アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dashing Away アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:dashing-away" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dashing Away アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dashing-away.svg" alt="Dashing Away アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
