Vis Timelion アイコン
oui:vis-timelion
Vis Timelion アイコン(oui:vis-timelion)は、OpenSearch UI セットの無料 SVG アイコンです（作者: 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 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>
Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vis Timelion アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
OpenSearch UI アイコン をすべて見る →
