ICONYZ
Русский
Иконка Online Information из набора Stickies color icons

Иконка Online Information

streamline-stickies-color:online-information

Иконка Online Information (streamline-stickies-color:online-information) — бесплатная 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
Категория
Карты и навигация
Теги
onlineinformation
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ffe236" stroke="#231f20" d="M9.895 24.939c0 10.91 11.811 17.73 21.26 12.274A14.17 14.17 0 0 0 38.24 24.94c0-10.91-11.81-17.73-21.26-12.274A14.17 14.17 0 0 0 9.894 24.94Z"/><path stroke="#231f20" stroke-linecap="round" d="M23.229 37.072c-2.255-1.816-3.71-6.003-4.275-11.616c-.567-5.612 0-9.995 1.864-12.24m4.08-.41c2.245 1.826 3.7 6.003 4.265 11.616c.566 5.612 0 10.005-1.854 12.24"/><path stroke="#231f20" stroke-linecap="round" d="M12.55 21.708a78 78 0 0 1 11.01-1.806a78 78 0 0 1 11.099-.439m.976 8.707a77 77 0 0 1-11.06 1.806a78 78 0 0 1-11.146.439"/><path stroke="#fff" stroke-linecap="round" d="M33.38 16.467a9.76 9.76 0 0 0-4.139-3.28"/><path fill="#ff52a1" stroke="#231f20" d="M14.024 26.51a9.6 9.6 0 0 0-2.216-.556c.323-1.327.625-3.055.85-4.51c.4-2.576.732-5.973.458-6.764c-.546-1.522-3.104-1.844-4.587-2.079c-1.484-.234-3.24-.39-3.66-.107a2.87 2.87 0 0 0-1.035 1.952a2.93 2.93 0 0 0 .4 2.157a5.4 5.4 0 0 0 2.489.83c-.195.976-.371 2.06-.517 3.016c-.225 1.454-.469 3.182-.566 4.549c-.754-.131-1.52-.18-2.285-.147c-1.024.068-1.376 1.494-1.512 2.343s-.225 2.313.732 2.684c1.732.512 3.505.87 5.3 1.074a30.3 30.3 0 0 0 5.368.585c1.035-.058 1.386-1.493 1.513-2.332c.127-.84.235-2.353-.732-2.694ZM7.582 6.784c-.004 2.336 2.523 3.802 4.549 2.637a3.04 3.04 0 0 0 1.522-2.637c.005-2.337-2.523-3.802-4.548-2.638a3.04 3.04 0 0 0-1.523 2.638Z"/><path stroke="#fff" stroke-linecap="round" d="M9.378 14.856c1.074.107 1.591.234 1.806.469c.214.234 0 .732 0 .732m-.176-10.503c.328.15.593.408.752.732"/><path fill="#48eeff" stroke="#231f20" d="M6.616 36.184c0-.361-.625-.976-1.191-1.416s-1.396-.8-1.728-.644a3.2 3.2 0 0 0-1.25 1.162a3.4 3.4 0 0 0-.683 1.571c0 .361.625.976 1.191 1.416s1.406.8 1.728.644a3.3 3.3 0 0 0 1.26-1.162a3.3 3.3 0 0 0 .673-1.571Z"/><path fill="#48eeff" stroke="#231f20" stroke-linecap="round" d="M30.1 6.657c-.003 1.473 1.59 2.397 2.866 1.663a1.91 1.91 0 0 0 .96-1.663c.004-1.473-1.588-2.397-2.865-1.664a1.91 1.91 0 0 0-.96 1.664Z"/><path fill="#48eeff" stroke="#231f20" d="M20.32 6.764s.586.068 2.284-1.093c.63-.42 1.204-.92 1.708-1.484a.976.976 0 0 0-.078-1.24a9.7 9.7 0 0 0-1.884-1.259a7 7 0 0 0-2.4-.8a.89.89 0 0 0-.85.703a9.3 9.3 0 0 0-.117 2.303c.039.775.173 1.542.4 2.284c.14.384.521.624.927.586z"/></g></svg>

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

React

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

<Icon icon="streamline-stickies-color:online-information" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:online-information" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:online-information" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="streamline-stickies-color:online-information"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/online-information.svg" alt="Иконка Online Information" width="24" height="24">

Похожие иконки в наборе Stickies color icons

Иконка online-information-duo
online-information-duo

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

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

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

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

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

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

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

Все Stickies color icons →