ICONYZ
Русский
Иконка Information Circle Solid из набора Flex free icons

Иконка Information Circle Solid

streamline-flex:information-circle-solid

Иконка Information Circle Solid (streamline-flex:information-circle-solid) — бесплатная SVG-иконка из набора Flex free icons от 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
Категория
Основы интерфейса
Теги
informationcircle, circlesolid, informationcirclesolid
Скачать 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="M7 .185c1.682 0 3.402.488 4.628 1.512c1.382 1.154 2.08 3.011 2.176 4.856s-.402 3.776-1.538 5.11C11.022 13.124 8.98 13.816 7 13.816s-4.022-.692-5.266-2.153C.598 10.329.099 8.398.196 6.553S.99 2.85 2.372 1.697C3.598.673 5.318.185 7 .185m.257 2.906c.345 0 .625.28.625.625v.323a.625.625 0 1 1-1.25 0v-.323c0-.345.28-.625.625-.625m-1.51 2.284a.625.625 0 0 0 0 1.25h.496c.207 0 .375.168.375.375v2.106H5.76a.625.625 0 1 0 0 1.25h2.978a.625.625 0 0 0 0-1.25h-.871V7c0-.897-.728-1.625-1.625-1.625z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/information-circle-solid.svg" alt="Иконка Information Circle Solid" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка information-circle
information-circle
 Иконка information-circle-remix
information-circle-remix

Иконка Information Circle Solid в других наборах

Иконка Information Circle Solid из набора HeroIcons
HeroIcons
 Иконка Information Circle Solid из набора Plump free icons
Plump free icons
 Иконка Information Circle Solid из набора Sharp free icons
Sharp free icons
 Иконка Information Circle Solid из набора Streamline
Streamline

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

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

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

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

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

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

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

Все Flex free icons →