Vib アイコン

Q: Vib アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg:vib

Vib アイコン(thesvg:vib)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 1397 × 632 のグリッドで描かれています。 theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 1397 × 632

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1397" height="632" viewBox="0 0 1397 632"><path fill="currentColor" fill-rule="evenodd" d="M391 266c-14 76-32 192-90 291c-27 49-52 75-99 75c-46-2-73-28-100-75C44 458 19 342 1 266c-2-13 2-26 18-26h47c16 0 20 6 25 27c17 75 46 191 87 252c0 0 11 17 24 17c12 0 21-17 21-17c42-61 62-177 80-252c5-21 11-27 25-27h47c16 0 20 15 16 26m145-8v348q-1 15-16 17h-53q-15-2-16-17V257q1-15 16-17h53c9 0 16 9 16 19m410 254c0 78-56 112-133 112H630q-17 2-18-21V262q0-20 20-20h162c76 0 129 25 129 92c0 35-22 64-49 78l-5 4c48 11 79 47 77 96M697 391h88c29 0 51-15 51-44q-1-41-54-41h-85zm163 116c0-37-28-53-67-53h-96v103h96c32 0 67-11 67-50"/><path fill="currentColor" d="M1280 0c-38 0-53 10-75 30l-47 51l-45-51c-21-20-36-30-74-30h-55l96 119c19 20 30 30 56 30h46c25 0 37-10 56-30c11-11 97-119 97-119zm-31 139c-26 6-41 11-55 35l-11 19l-12 18c-14 22-10 37-1 65l55 142l26-47c19-32 19-51 11-80l-21-65l68-15c28-7 44-16 61-50l27-46c3 0-132 20-148 24m-104 72l-11-19l-11-20c-14-22-29-29-55-34c-16-4-152-25-152-25l26 47c20 32 35 41 62 50l71 15l-21 67c-7 28-7 47 11 79l26 47l55-142c10-28 13-43-1-65"/></svg>

Vib アイコンの使い方

React

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

<Icon icon="thesvg:vib" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:vib" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:vib" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--vib]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:vib"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:vib"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/vib.svg" alt="Vib アイコン" width="24" height="24">

theSVG の関連アイコン

他のアイコンセットの Vib アイコン

Vib アイコンのよくある質問

Vib アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Vib アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:vib" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Vib アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/vib.svg" alt="Vib アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコンをすべて見る →