Иконка Flask

flat-ui:flask

Иконка Flask (flat-ui:flask) — бесплатная SVG-иконка из набора Flat UI Icons от Designmodo, Inc.. Она нарисована на сетке 100 × 100. Flat UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flat UI Icons
Автор: Designmodo, Inc.
Лицензия: MIT
Размер: 100 × 100

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#34495E" d="M50 0c27.613 0 50 22.386 50 50s-22.387 50-50 50C22.386 100 0 77.614 0 50S22.386 0 50 0"/><defs><circle id="SVGifCBlePx" cx="50" cy="50" r="50"/></defs><clipPath id="SVGtcVZrdEc"><use href="#SVGifCBlePx"/></clipPath><g clip-path="url(#SVGtcVZrdEc)"><path fill="#ECF0F1" d="M59 51.213V28H41v23.213C26.592 55.16 16 68.34 16 84c0 18.777 15.222 34 34 34s34-15.223 34-34c0-15.66-10.592-28.84-25-32.787"/><path fill="#17A085" d="M73.639 70H26.362A27.86 27.86 0 0 0 22 85c0 15.464 12.536 28 28 28s28-12.536 28-28a27.86 27.86 0 0 0-4.361-15"/><path fill="#1ABC9C" d="M32.908 64.205c9.44-4.521 24.744-4.521 34.185 0s9.44 11.852 0 16.372c-9.438 4.521-24.744 4.521-34.185 0c-9.439-4.52-9.439-11.85 0-16.372"/><path fill="#BDC3C7" d="M41.01 25.744h17.889l.062 8.185l-.562.301c-4.688 2.344-12.203 2.344-16.889 0l-.517-.274z"/><path fill="#fff" d="M41.51 23.744c4.687-2.344 12.285-2.344 16.973 0c4.686 2.343 4.686 6.143 0 8.485c-4.688 2.344-12.287 2.344-16.973 0c-4.686-2.342-4.686-6.142 0-8.485"/><path fill="#BDC3C7" d="M45.75 26.581c2.337-.78 6.126-.78 8.464 0c2.336.781 2.336 2.048 0 2.829c-2.338.781-6.127.781-8.464 0c-2.336-.781-2.336-2.048 0-2.829"/><path fill="#5FD0BA" d="M41.5 70a4.5 4.5 0 0 0-4.499 4.486c-.008.388.427.774 1.312 1.07c1.753.586 4.595.586 6.348 0c.874-.291 1.312-.675 1.314-1.058H46A4.5 4.5 0 0 0 41.5 70M53 66a2.99 2.99 0 0 0-2.999 2.977c-.006.256.284.515.874.709c1.169.39 3.062.39 4.232 0c.582-.192.875-.446.875-.701H56A2.993 2.993 0 0 0 53 66m8 6a2.993 2.993 0 0 0-2.999 2.975c-.006.258.284.516.874.711c1.169.39 3.062.39 4.232 0c.582-.192.873-.446.875-.701H64A2.993 2.993 0 0 0 61 72"/><path fill="#9AA4AE" d="M44 10a4 4 0 1 0 0 8a4 4 0 0 0 0-8m0 6a2 2 0 1 1 .001-4.001A2 2 0 0 1 44 16m1.5-21a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11m0 9a3.5 3.5 0 1 1-.001-6.999A3.5 3.5 0 0 1 45.5 4m11 1a5.5 5.5 0 1 0 .001 11.001A5.5 5.5 0 0 0 56.5 5m0 9a3.5 3.5 0 1 1 3.5-3.5c0 1.934-1.566 3.5-3.5 3.5"/><path fill="#17A085" d="M55.107 69.436c-1.17.39-3.063.39-4.232 0c-.536-.178-.812-.406-.855-.64l-.019.181c-.006.256.284.515.874.709c1.169.39 3.062.39 4.232 0c.582-.192.875-.446.875-.701H56l-.023-.228c-.018.246-.303.491-.87.679m-10.446 5.873c-1.753.586-4.595.586-6.348 0c-.831-.279-1.25-.639-1.293-1.002l-.019.18c-.008.389.427.775 1.312 1.072c1.753.586 4.595.586 6.348 0c.874-.293 1.312-.676 1.314-1.059H46l-.025-.25c-.003.383-.44.766-1.314 1.059m18.446.127c-1.17.39-3.063.39-4.232 0c-.535-.179-.811-.406-.855-.641l-.019.18c-.006.258.284.516.874.711c1.169.39 3.062.39 4.232 0c.582-.192.873-.446.875-.701H64l-.023-.229c-.017.246-.303.492-.87.68"/></g></svg>

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

React

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

<Icon icon="flat-ui:flask" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:flask" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:flask" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--flask]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:flask"></div>

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

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

<iconify-icon icon="flat-ui:flask"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/flat-ui/flask.svg" alt="Иконка Flask" width="24" height="24">

Иконка Flask в других наборах

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

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

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

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

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

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

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

Все Flat UI Icons →