Dashing Away アイコン

Q: Dashing Away アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:dashing-away

Dashing Away アイコン(openmoji:dashing-away)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: スマイリー・感情
タグ: dashingaway

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#61b2e4" d="M55.023 24.349c-.39 0-.775.022-1.155.058a8.034 8.034 0 0 0-11.529-4.696c-1.605-4.77-6.104-8.209-11.414-8.208c-6.654.002-12.047 5.397-12.045 12.05c0 .55.05 1.088.121 1.62L4 31.496v11l14.889 5.884l-.004.07c.002 6.655 5.397 12.047 12.05 12.046c4.818-.001 8.962-2.837 10.889-6.923a8 8 0 0 0 4.37 1.297a8.03 8.03 0 0 0 7.877-6.475c.316.025.634.048.957.048c6.654-.002 12.046-5.397 12.045-12.05s-5.397-12.047-12.05-12.045"/><path fill="#92d3f5" d="M55.486 24.349c-.39 0-.774.022-1.154.058a8.034 8.034 0 0 0-11.53-4.696c-1.604-4.77-6.103-8.209-11.414-8.208c-6.653.002-12.046 5.397-12.045 12.05c0 .55.05 1.088.122 1.62l-3.978 1.692a12.1 12.1 0 0 1 5.852 6.846a8.034 8.034 0 0 1 11.529 4.697c.38-.037.765-.06 1.155-.06c6.653 0 12.048 5.392 12.05 12.046c0 1.532-.297 2.992-.818 4.34c.457.082.922.137 1.403.137a8.03 8.03 0 0 0 7.876-6.475c.317.025.634.048.958.048c6.653-.002 12.046-5.397 12.044-12.05s-5.396-12.047-12.05-12.045"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m5 42.273l14.352 6.108l-.003.07c.001 6.654 5.396 12.047 12.05 12.046c4.818-.001 8.962-2.837 10.889-6.923a8 8 0 0 0 4.37 1.297a8.03 8.03 0 0 0 7.876-6.475c.317.025.634.048.957.048c6.654-.002 12.047-5.397 12.045-12.05s-5.396-12.047-12.05-12.045c-.39 0-.774.022-1.154.058a8.034 8.034 0 0 0-11.53-4.696c-1.604-4.77-6.103-8.209-11.414-8.208c-6.653.002-12.046 5.397-12.045 12.05c0 .55.05 1.089.122 1.62L5 31.327m0-5.83l9-4s-1-5 4-8m-13 34l9 4s-1 5 4 8"/></svg>

Dashing Away アイコンの使い方

React

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

<Icon icon="openmoji:dashing-away" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:dashing-away" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:dashing-away" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--dashing-away]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:dashing-away"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:dashing-away"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/dashing-away.svg" alt="Dashing Away アイコン" width="24" height="24">

他のアイコンセットの Dashing Away アイコン

Dashing Away アイコンのよくある質問

Dashing Away アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Dashing Away アイコンを使うには?

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

Dashing Away アイコンをウェブページに追加するには?

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

OpenMoji アイコンをすべて見る →