ICONYZ
日本語
Flex free icons の Drone Solid アイコン

Drone Solid アイコン

streamline-flex:drone-solid

Drone Solid アイコン(streamline-flex:drone-solid)は、Flex free icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flex free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
14 × 14
カテゴリ
コンピューター・デバイス
タグ
dronesolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M.25 1.75A.75.75 0 0 1 1 1h4a.75.75 0 0 1 0 1.5H3.75v1.401c2.012-.09 4.488-.09 6.5 0V2.5H9A.75.75 0 0 1 9 1h4a.75.75 0 0 1 0 1.5h-1.25v1.488l.379.024c.76.048 1.427.62 1.316 1.365c-.045.303-.108.6-.173.88c-.171.754-.9 1.324-1.772 1.372l-.343.02A84 84 0 0 1 7 7.784c-1.261 0-2.99-.07-4.157-.135l-.343-.02C1.628 7.581.9 7.011.728 6.258a11 11 0 0 1-.167-.87c-.108-.746.552-1.328 1.323-1.377l.366-.023V2.5H1a.75.75 0 0 1-.75-.75m2.125 7.93q.191-.427.456-.81q.05.005.1.007l.342.02h.014c1.16.066 2.417.137 3.713.137s2.554-.071 3.713-.137h.015l.342-.02q.05-.002.1-.007a5.04 5.04 0 0 1 .896 2.878a1.71 1.71 0 0 1-1.709 1.708H10a.75.75 0 0 1 0-1.5h.357a.21.21 0 0 0 .21-.209a3.55 3.55 0 0 0-.963-2.434a.8.8 0 0 1-.155-.248l-.004.052c-.085 1.01-.84 1.803-1.72 1.877a4 4 0 0 0-.302.035a2.3 2.3 0 0 1-.42.024c-.252 0-.316-.01-.419-.024a4 4 0 0 0-.301-.035c-.88-.074-1.636-.867-1.72-1.877l-.006-.067a.75.75 0 0 1-.16.263a3.55 3.55 0 0 0-.963 2.433v.001c0 .116.093.21.209.21H4a.75.75 0 0 1 0 1.5h-.357a1.71 1.71 0 0 1-1.71-1.71c0-.712.15-1.417.442-2.067m-.441 2.068h.75zm10.132 0h-.75z" clip-rule="evenodd"/></svg>

Drone Solid アイコンの使い方

React

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

<Icon icon="streamline-flex:drone-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:drone-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:drone-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--drone-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:drone-solid"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:drone-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/drone-solid.svg" alt="Drone Solid アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Drone Solid アイコン

Drone Solid アイコン のよくある質問

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

はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Flex free icons をすべて見る →