Dashing Away アイコン
emojione:dashing-away
Dashing Away アイコン(emojione:dashing-away)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- dashingaway
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#7ca7bf"><ellipse cx="51.5" cy="34.6" rx="10.5" ry="11.8"/><ellipse cx="30.7" cy="42.4" rx="9.8" ry="11"/><ellipse cx="43.8" cy="47.1" rx="11.5" ry="12.9"/><ellipse cx="39.6" cy="29.8" rx="9.9" ry="11.1"/><ellipse cx="41.6" cy="15.1" rx="9.9" ry="11.1"/><ellipse cx="50.4" cy="20.8" rx="8" ry="9"/><ellipse cx="30.7" cy="20.8" rx="10.3" ry="11.5"/><path d="M7.2 27.4c2.9-.6 5.7-1.6 8.4-2.7c1.4-.6 2.7-1.2 4.1-1.9c1.3-.7 2.7-1.4 3.9-2.1c1.7-1 3.7 0 4.4 2.4s0 5.1-1.7 6.2c-.4.2-.8.4-1.2.4H25c-1.6.1-3 0-4.6 0l-4.5-.3c-2.9-.5-5.9-1-8.7-2"/><path d="M2 32.2c3.8-.3 7.4-1.1 11.1-2c1.8-.5 3.6-1 5.4-1.6s3.6-1.2 5.3-1.9c1.8-.7 3.6.7 4.1 3.1c.5 2.5-.5 5-2.2 5.8c-.3.1-.6.2-.9.2c-2 0-3.9-.1-5.8-.3s-3.8-.4-5.7-.7c-3.9-.6-7.6-1.4-11.3-2.6m5.2 10.3c2.8-1 5.7-1.7 8.6-2.2c1.5-.3 2.9-.5 4.4-.8c1.5-.2 2.9-.4 4.4-.6c1.8-.2 3.4 1.8 3.6 4.3c.1 2.6-1.3 4.8-3.1 5c-.4 0-.9 0-1.2-.2c-1.3-.6-2.7-1.1-4.1-1.7l-4.2-1.5c-2.7-.9-5.5-1.7-8.4-2.3"/><path d="M2 37.7q5.55-1.8 11.1-3c1.9-.4 3.7-.8 5.6-1.1l5.7-.9c1.8-.2 3.4 1.7 3.6 4.2s-1.2 4.8-3 5c-.3 0-.7 0-1-.1c-1.8-.5-3.6-1-5.4-1.4s-3.7-.8-5.5-1.2c-3.6-.6-7.4-1.1-11.1-1.5"/></g><g fill="#fff"><path d="M42.9 29.1c3.6 3.7 5.6 8.6 6.2 13.9c3-6.6 2.6-13.8-1.6-18.2c-4.1-4.3-10.7-4.8-16.8-2c4.7.8 8.9 2.9 12.2 6.3"/><path d="M34.5 16c2.2 2.3 3.5 5.3 3.9 8.6c1.9-4.1 1.6-8.6-1-11.3c-2.5-2.7-6.6-3-10.4-1.2c2.8.4 5.4 1.7 7.5 3.9m18.2 1.5c1.4 1.5 2.3 3.5 2.5 5.6c1.2-2.7 1.1-5.6-.7-7.4c-1.7-1.7-4.3-2-6.8-.8c2 .4 3.7 1.2 5 2.6M35.3 37.6c2.1 2.2 3.3 5 3.6 8c1.7-3.8 1.5-8-.9-10.6c-2.4-2.5-6.2-2.8-9.7-1.2c2.6.6 5.1 1.8 7 3.8m19.4-6.9c2.2 2.3 3.5 5.3 3.9 8.6c1.9-4.1 1.6-8.6-1-11.3c-2.5-2.7-6.6-3-10.4-1.2c2.8.4 5.4 1.7 7.5 3.9"/><path d="M44.3 11.6c2.2 2.3 3.5 5.3 3.9 8.6c1.9-4.1 1.6-8.6-1-11.3c-2.5-2.7-6.6-3-10.4-1.2c2.9.5 5.5 1.8 7.5 3.9"/></g></svg>
Dashing Away アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:dashing-away" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:dashing-away" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:dashing-away" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--dashing-away]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:dashing-away"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:dashing-away"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/dashing-away.svg" alt="Dashing Away アイコン" width="24" height="24">
他のアイコンセットの Dashing Away アイコン
Dashing Away アイコン のよくある質問
Dashing Away アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dashing Away アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:dashing-away" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dashing Away アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/dashing-away.svg" alt="Dashing Away アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
