Delivery アイコン

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:delivery

Delivery アイコン(reicon:delivery)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: UI

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M18.09 2.549c-.552-.31-1.14-.34-1.761-.263c-.59.074-1.309.26-2.172.485l-2.019.524c-.863.225-1.581.411-2.13.634c-.579.234-1.079.548-1.403 1.093c-.326.548-.358 1.134-.277 1.746c.077.577.27 1.277.5 2.111l.543 1.964c.23.835.424 1.534.655 2.07c.245.57.572 1.055 1.128 1.367c.552.309 1.14.34 1.762.262c.59-.073 1.309-.26 2.172-.485l2.019-.524c.863-.224 1.581-.411 2.13-.634c.579-.234 1.079-.548 1.403-1.093c.326-.548.358-1.134.277-1.745c-.077-.577-.27-1.278-.5-2.112l-.543-1.964c-.23-.834-.424-1.534-.655-2.07c-.245-.57-.573-1.055-1.128-1.366m-3.605 1.686c.925-.24 1.548-.4 2.03-.46c.461-.058.682-.007.843.083c.157.088.308.241.483.65c.185.43.353 1.029.601 1.927l.514 1.863c.249.898.413 1.498.474 1.96c.058.439.006.638-.08.781c-.087.147-.245.296-.675.47c-.448.181-1.07.345-1.995.585l-1.92.499c-.925.24-1.548.4-2.03.46c-.462.059-.682.008-.843-.082c-.157-.088-.308-.242-.483-.65c-.185-.43-.353-1.03-.601-1.928l-.514-1.862c-.249-.9-.413-1.499-.474-1.96c-.058-.44-.006-.638.08-.782c.087-.147.245-.296.675-.47c.448-.181 1.07-.344 1.995-.585z"/><path d="M3.2 4.725a.75.75 0 0 0-.4 1.445l1.703.473c.426.118.743.44.851.831l1.952 7.063q-.113.022-.225.052c-1.977.513-3.185 2.502-2.643 4.467c.54 1.955 2.594 3.082 4.563 2.57c1.724-.447 2.863-2.016 2.767-3.712l8.42-2.188a.75.75 0 0 0-.377-1.452l-8.438 2.193a3.72 3.72 0 0 0-2.506-1.91L6.8 7.074a2.71 2.71 0 0 0-1.896-1.878zM7.459 16.04c1.212-.314 2.428.389 2.74 1.519c.31 1.12-.37 2.303-1.574 2.616c-1.212.315-2.428-.389-2.74-1.519c-.31-1.12.37-2.303 1.574-2.616"/></g></svg>

Delivery アイコンの使い方

React

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

<Icon icon="reicon:delivery" width="24" />

Vue

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

<template>
  <Icon icon="reicon:delivery" width="24" />
</template>

Svelte

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

<Icon icon="reicon:delivery" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--delivery]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:delivery"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:delivery"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/delivery.svg" alt="Delivery アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Delivery アイコン

Delivery アイコンのよくある質問

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

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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