Иконка Drone Duo

streamline-stickies-color:drone-duo

Иконка Drone Duo (streamline-stickies-color:drone-duo) — бесплатная SVG-иконка из набора Stickies color icons от Streamline. Она нарисована на сетке 40 × 40. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stickies color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 40 × 40
Категория: Технологии и компьютеры
Теги: droneduo

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><path fill="#00034a" stroke="#00034a" stroke-miterlimit="10" d="M35.579 14.112v-.594a17 17 0 0 0-.171-2.408a9 9 0 0 0 2.39-.399A1.72 1.72 0 0 0 39.1 8.874a1.73 1.73 0 0 0-.299-1.15c-.385-.56-1.377-1.514-2.048-1.698a17 17 0 0 0-4.53-.476a17 17 0 0 0-4.541.476c-.81.226-1.342 1-1.265 1.837c-.04.406.066.814.297 1.15c.386.558 1.377 1.514 2.049 1.698q.599.185 1.216.284q-.06.756-.05 1.513v.409a139 139 0 0 0-10.47-.41c-3.155 0-6.608.134-9.404.33A17 17 0 0 0 9.9 11.11a9 9 0 0 0 2.388-.399a1.73 1.73 0 0 0 1.267-1.837a1.74 1.74 0 0 0-.3-1.148c-.386-.56-1.377-1.513-2.046-1.7a17 17 0 0 0-4.542-.476a17 17 0 0 0-4.53.476A1.73 1.73 0 0 0 .9 7.863c-.04.407.064.814.295 1.151c.386.56 1.379 1.516 2.051 1.697q.595.183 1.207.284a17 17 0 0 0-.069 1.513v1.113A5.03 5.03 0 0 0 .9 18.304a5.02 5.02 0 0 0 1.167 3.133c1.008 1.203 2.396 2.405 3.959 2.713q.934.228 1.888.353a9 9 0 0 0-.037.76c0 2.352.882 3.873 2.423 5.426c.053.575.182 1.142.385 1.683c.265.587 1.284 1.522 1.83 1.822c.332.183.713.252 1.088.198a1.75 1.75 0 0 0 1.837-1.009c.193-.473.309-.975.342-1.485c1.732.134 3.54.229 4.759.229c1.007 0 2.431-.066 3.862-.163q.067.231.16.456c.266.585 1.284 1.52 1.831 1.82c.331.182.712.252 1.086.2a1.74 1.74 0 0 0 1.837-1.01c.253-.676.391-1.39.41-2.112a1.3 1.3 0 0 0 .428-.162c1.314-.486 1.97-2.96 1.97-4.835q0-.86-.162-1.704a17.4 17.4 0 0 0 3.074-.467a5.02 5.02 0 0 0 4.046-4.835a5.03 5.03 0 0 0-1-2.903c-.626-.837-1.611-1.761-2.504-2.3Z"/><path fill="#9bff00" stroke="#00034a" stroke-miterlimit="10" d="M34.499 13.621v-1.113a17 17 0 0 0-.172-2.408a9 9 0 0 0 2.39-.4a1.72 1.72 0 0 0 1.304-1.837a1.73 1.73 0 0 0-1.266-1.837a17 17 0 0 0-4.532-.476a17 17 0 0 0-4.54.476c-.81.226-1.342 1-1.265 1.837A1.73 1.73 0 0 0 27.683 9.7c.775.24 1.58.373 2.39.4q-.155 1.199-.143 2.408v.409a139 139 0 0 0-10.47-.41c-3.57 0-7.52.172-10.47.41v-.41a17 17 0 0 0-.172-2.407a9 9 0 0 0 2.39-.4a1.73 1.73 0 0 0 1.265-1.837a1.74 1.74 0 0 0-1.265-1.837a17 17 0 0 0-4.542-.476a17 17 0 0 0-4.53.476A1.73 1.73 0 0 0 .9 7.863c-.085.84.45 1.617 1.265 1.837c.775.24 1.58.375 2.39.4q-.17 1.198-.17 2.408v1.113A5.03 5.03 0 0 0 .9 18.304a5.016 5.016 0 0 0 4.045 4.836a17.4 17.4 0 0 0 3.094.466a9 9 0 0 0-.162 1.656c0 1.903.657 4.35 1.971 4.836q.2.118.428.161c.017.722.157 1.436.409 2.113a1.74 1.74 0 0 0 1.837 1.01a1.75 1.75 0 0 0 1.837-1.01c.193-.473.309-.974.343-1.485c1.732.133 3.54.229 4.759.229c1.218 0 3.045-.096 4.759-.229c.03.527.144 1.045.343 1.533a1.75 1.75 0 0 0 1.836 1.008c.769.111 1.518-.3 1.837-1.008a6.5 6.5 0 0 0 .41-2.114q.228-.042.428-.161c1.314-.485 1.971-2.96 1.971-4.836a9.3 9.3 0 0 0-.163-1.703a17.4 17.4 0 0 0 3.075-.466a5.016 5.016 0 0 0 4.045-4.836a5.03 5.03 0 0 0-3.502-4.683Z"/><path fill="#fff" stroke="#00034a" stroke-miterlimit="10" d="M19.46 27.585c4.015 0 6.525-4.347 4.517-7.824a5.22 5.22 0 0 0-4.517-2.608c-4.015 0-6.525 4.347-4.517 7.824a5.22 5.22 0 0 0 4.517 2.608Z"/><path fill="#fff" d="M16.804 22.52a3.16 3.16 0 0 1 1.161-2.493Z"/><path stroke="#00034a" stroke-linecap="round" stroke-miterlimit="10" d="M16.804 22.52a3.16 3.16 0 0 1 1.161-2.493"/></g></svg>

Как использовать иконку Drone Duo

React

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

<Icon icon="streamline-stickies-color:drone-duo" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:drone-duo" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:drone-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--drone-duo]"></span>

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="streamline-stickies-color:drone-duo"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/drone-duo.svg" alt="Иконка Drone Duo" width="24" height="24">

Вопросы и ответы: Иконка Drone Duo

Можно ли бесплатно использовать иконку Drone Duo в коммерческих проектах?

Да. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Drone Duo в React?

Установите @iconify/react и выведите <Icon icon="streamline-stickies-color:drone-duo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Drone Duo на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/drone-duo.svg" alt="Иконка Drone Duo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Stickies color icons →