Иконка Vis Timelion

oui:vis-timelion

Иконка Vis Timelion (oui:vis-timelion) — бесплатная SVG-иконка из набора OpenSearch UI от OpenSearch Contributors. Она нарисована на сетке 24 × 24. OpenSearch UI icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenSearch UI
Автор: OpenSearch Contributors
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: vistimelion

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.884 1.802c1.171-.309 2.22-.24 3.103.07c.295.104.507.212.631.292l.164.106l.048.188c.278 1.066.2 2.175-.091 3.23a7 7 0 0 1-.194.598q.054.181.112.454c.227 1.065.247 2.193-.08 3.267a5 5 0 0 1-.534 1.175a6.1 6.1 0 0 1-1.117 1.323c-.806.712-1.616 1.071-2.235 1.206c-.14.179-.346.381-.629.578c-.643.447-1.493.711-2.561.711c-1.07 0-1.92-.264-2.563-.711a2.9 2.9 0 0 1-.629-.578c-.618-.134-1.428-.493-2.232-1.203a6 6 0 0 1-1.12-1.326a5 5 0 0 1-.534-1.175C.096 8.933.116 7.805.343 6.74a7 7 0 0 1 .112-.454a7 7 0 0 1-.194-.598C-.03 4.633-.108 3.524.17 2.458l.048-.188l.164-.106c.124-.08.336-.188.63-.291c.885-.31 1.933-.38 3.104-.07c.184-.108.434-.23.748-.348C5.616 1.17 6.497 1 7.501 1c1.002 0 1.883.17 2.634.455c.315.119.565.24.75.347m3.027 1.116a3 3 0 0 0-.255-.102c-.749-.263-1.66-.309-2.708.007l-.238.072l-.201-.147c-.11-.08-.354-.217-.728-.358C9.14 2.147 8.38 2 7.501 2s-1.641.147-2.283.39c-.373.141-.617.278-.727.358l-.2.147l-.24-.072c-1.048-.316-1.958-.27-2.707-.007a3 3 0 0 0-.255.102c-.167.812-.094 1.674.136 2.503c.084.303.166.524.217.637l.082.182l-.066.19c-.032.09-.084.27-.137.518c-.195.914-.212 1.88.059 2.767q.15.5.423.935c.273.434.588.801.936 1.108c.434.383.898.655 1.36.834c.27.105.474.155.575.17l.248.034l.12.22c.051.091.199.266.466.452c.476.33 1.127.532 1.993.532c.865 0 1.516-.202 1.99-.532c.268-.186.416-.36.466-.452l.121-.22l.248-.034c.101-.015.305-.065.576-.17c.462-.18.927-.452 1.362-.836q.522-.459.933-1.107q.272-.435.423-.934c.271-.887.254-1.853.06-2.767a5 5 0 0 0-.138-.519l-.066-.189l.082-.182c.05-.113.133-.334.217-.637c.23-.829.303-1.691.136-2.503M5 5.008c.004.181-.048.364-.264.616c-.428.498-.985.488-1.431.049c-.326-.321-.325-.732-.29-1.047c.085-.76.748-.722 1.262-.44c.486.27.717.616.723.823m5 0c.006-.206.237-.553.724-.821c.514-.283 1.176-.321 1.26.44c.036.314.038.725-.288 1.046c-.446.44-1.005.449-1.433-.05c-.217-.25-.267-.434-.263-.614M7.5 8c-.503 0-.976-.24-1.375-.672c-.398-.432-.592-1.126 0-1.528c.384-.259 1.082-.3 1.375-.3c.294 0 .991.041 1.375.3c.593.402.397 1.096 0 1.528C8.477 7.76 8.002 8 7.5 8m0 1c.808 0 2.656.994 2.49 2.074c-.153.993-2.114.925-2.49.925c-.374 0-2.336.068-2.49-.925C4.845 9.994 6.693 9 7.5 9"/></svg>

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

React

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

<Icon icon="oui:vis-timelion" width="24" />

Vue

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

<template>
  <Icon icon="oui:vis-timelion" width="24" />
</template>

Svelte

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

<Icon icon="oui:vis-timelion" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--vis-timelion]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:vis-timelion"></div>

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

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

<iconify-icon icon="oui:vis-timelion"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/oui/vis-timelion.svg" alt="Иконка Vis Timelion" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки OpenSearch UI →