Иконка Wind Offshore

meteocons:wind-offshore

Иконка Wind Offshore (meteocons:wind-offshore) — бесплатная SVG-иконка из набора Meteocons от Bas Milius. Она нарисована на сетке 512 × 512. Meteocons icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Meteocons
Автор: Bas Milius
Лицензия: MIT
Размер: 512 × 512
Теги: windoffshore

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><clipPath id="SVGclnyNdxg"><path fill="none" d="M245.7 256.9H74.8v139.6h110.9l27.2-52.9l32.8-36.8v-49.9z"/></clipPath><symbol id="SVGktimpeOD" viewBox="0 0 138 96"><path fill="none" stroke="#e2e8f0" stroke-dasharray="58" stroke-linecap="round" stroke-miterlimit="10" stroke-width="12" d="M105.2 10.8A15.6 15.6 0 1 1 116.4 37H6"><animate attributeName="stroke-dashoffset" dur="6s" repeatCount="indefinite" values="0; 1274"/></path><path fill="none" stroke="#e2e8f0" stroke-dasharray="43" stroke-linecap="round" stroke-miterlimit="10" stroke-width="12" d="M60.7 85.2A15.6 15.6 0 1 0 71.9 59H6.6"><animate attributeName="stroke-dashoffset" dur="6s" repeatCount="indefinite" values="0; 857"/></path></symbol></defs><path fill="#744e2d" d="M353.4 158.3c-.8-5.8-2.9-10.2-4.6-10l-1.4.2c-1.7.3-2.6 5-1.8 10.9l14 113.5c.8 6 2.9 10.8 4.7 10.6l3.6-.5c1.8-.2 2.6-5.4 1.7-11.5Z"/><path fill="#40c057" d="M403 153.2c-3.2-23.4-26-39.7-50.8-36.4a46 46 0 0 0-36.3 26.7h-2.2c-18.7 2.5-32 18.8-29.6 36.4a32.4 32.4 0 0 0 28.5 27.1a20.3 20.3 0 0 0-.7 8.7a22 22 0 0 0 25.3 18.3a23.4 23.4 0 0 0 14-7.3a34.7 34.7 0 0 0 28.3 8.8c18.6-2.5 31.9-18.7 29.5-36.3a30.8 30.8 0 0 0-11.4-20a41 41 0 0 0 5.3-26Z"><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="rotate" values="3 366 200; -3 366 200; 3 366 200; -3 366 200; 3 366 200"/></path><g clip-path="url(#SVGclnyNdxg)"><path fill="none" stroke="#2885c7" stroke-linecap="round" stroke-linejoin="round" stroke-width="9" d="M245.7 309.6c-13.8 0-26.3-14.7-32.8-27a2.9 2.9 0 0 0-5.2 0c-6.4 12.3-19 27-32.7 27s-26.4-14.7-32.9-27a2.9 2.9 0 0 0-5 0c-6.6 12.3-19 27-32.9 27h-10v62a20.4 20.4 0 0 0 20 20.6h131.5Z"><animate attributeName="d" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" values="M245.68,309.62c-13.79,0-26.33-14.73-32.8-27a2.88,2.88,0,0,0-5.13,0c-6.47,12.29-19,27-32.8,27s-26.33-14.73-32.81-27a2.87,2.87,0,0,0-5.12,0c-6.48,12.29-19,27-32.81,27H94.11v62a20.38,20.38,0,0,0,20.16,20.59H245.68Z; M245.68,333.62c-13.79,0-26.33-14.73-32.8-27a2.88,2.88,0,0,0-5.13,0c-6.47,12.29-19,27-32.8,27s-26.33-14.73-32.81-27a2.87,2.87,0,0,0-5.12,0c-6.48,12.29-19,27-32.81,27H94.11v38a20.38,20.38,0,0,0,20.16,20.59H245.68Z; M245.68,309.62c-13.79,0-26.33-14.73-32.8-27a2.88,2.88,0,0,0-5.13,0c-6.47,12.29-19,27-32.8,27s-26.33-14.73-32.81-27a2.87,2.87,0,0,0-5.12,0c-6.48,12.29-19,27-32.81,27H94.11v62a20.38,20.38,0,0,0,20.16,20.59H245.68Z"/></path></g><path fill="none" stroke="#f8af18" stroke-miterlimit="10" stroke-width="9" d="M402.3 369.8v-66.4c0-12.3-8.9-22.4-19.8-22.4h-62.6c-49.2 0-94.2 31.4-116.4 81.1l-13.4 30h192.4c11 0 19.8-10 19.8-22.4Z"/><use width="138" height="96" href="#SVGktimpeOD" transform="matrix(-1 0 0 1 237 146)"/></svg>

Как использовать иконку Wind Offshore

React

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

<Icon icon="meteocons:wind-offshore" width="24" />

Vue

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

<template>
  <Icon icon="meteocons:wind-offshore" width="24" />
</template>

Svelte

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

<Icon icon="meteocons:wind-offshore" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--wind-offshore]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:wind-offshore"></div>

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

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

<iconify-icon icon="meteocons:wind-offshore"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/meteocons/wind-offshore.svg" alt="Иконка Wind Offshore" width="24" height="24">

Вопросы и ответы: Иконка Wind Offshore

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

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

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

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

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

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

Все Иконки Meteocons →