Veonib アイコン
thesvg-color:veonib
Veonib アイコン(thesvg-color:veonib)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1254 × 1254 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1254 × 1254
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1254" height="1254" viewBox="0 0 1254 1254"><defs><linearGradient id="SVGZ5kCNevc" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#1768ff"/><stop offset="48%" stop-color="#087bff"/><stop offset="100%" stop-color="#12d3e8"/></linearGradient></defs><g fill="url(#SVGZ5kCNevc)"><path d="m250 332l-8 8l-3 6l-2 9l1 8l45 86l13 22l52 101l7 11l13 27l7 11l37 73l25 45l3 8l14 24l23 46l14 24l26 29l27 20l23 11l31 8l34 1l28-5l28-12l25-17l15-14l14-17l12-19l10-20l73-180v-3l14-31l2-8l4-7l24-63l9-19l8-22l2-2l3-11l4-7l23-60l24-57v-7h-79l-12 1l-22 5l-32 15l-23 18l-10 11l-16 23l-15 30l-106 258h-3l-7-10l-148-300l-14-22l-12-12l-17-11l-22-7l-132-1l-25 1Z"/><path d="m1011 321l-10 3l-8 5l-10 11l-5 12v18l7 15l11 10l7 4l11 2l15-1l12-6l10-10l6-14v-17l-5-13l-11-12l-16-7Z"/></g></svg>Veonib アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:veonib" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:veonib" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:veonib" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--veonib]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:veonib"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:veonib"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/veonib.svg" alt="Veonib アイコン" width="24" height="24">Veonib アイコン のよくある質問
Veonib アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Veonib アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:veonib" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Veonib アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/veonib.svg" alt="Veonib アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。