Wolt アイコン
thesvg:wolt
Wolt アイコン(thesvg:wolt)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 154 × 56 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 154 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="154" height="56" viewBox="0 0 154 56"><path fill="currentColor" d="M149.3 23.7c2.5-.1 4.2-.8 4.7-3.2c.3-1.4-.6-2.3-2.2-2.4c0 0-4.6-.2-10-.5c0 0 1.1-5.9 1.6-8.3c.3-1.2-.4-2.4-1.9-2.7c-1.5-.4-4.9-.4-6-.3c-1 .1-1.9.7-2.1 1.7c-.5 2.5-1.1 5.5-1.8 9.3c-2 0-3.9-.1-5.2 0c-1.2 0-1.8.7-2.1 1.7s-.5 2.5-.5 4c-.1 1.2 1.2 1.7 2.5 1.6c0 0 1.6-.1 4.1-.2c-.5 2.2-1.4 8-1.7 11.6c-2.2 7.5-6.9 13.1-10.9 13.1c-2.5 0-3.9-1.5-3.9-5.9c0-6.1 1.4-13.8 3.5-21.6c2.9-7 4.6-14.7 4.6-18.2c0-1.3-.4-2.8-2-3.1c-2.8-.6-5.6-.5-7.5.1c-1.7.5-2 2.3-2.2 3.3c-1 4.6-2.6 12.7-3.7 19.8c-2.5 3-5.4 5.1-8.5 5.7c-.3-5.5-2.3-9.2-5.4-11.3c-.9-.6-1.9-1.1-3-1.4c-1.5-.5-3.2-.7-5.1-.7c-13.2 0-21.7 11.8-21.7 25c0 10.7 5.9 15.2 14.4 15.2c10.1 0 17.5-7.1 20.3-20.2c2.8-.6 5.3-2 7.5-3.9c0 0-1.6 8.1-1.6 12.9c0 7.2 3.1 11.2 10.4 11.2c6 0 11.2-4.2 14.5-9.4c.9 6.7 4.4 9.4 10.1 9.4c5.2 0 10.3-3.3 13.8-9.3c.7-1.2 1.2-2.2.8-2.8c-1-1.2-3-1.8-3.5-.8c-2.3 4.3-4.9 6-7.6 6c-2.2 0-3.9-1.3-3.9-5.1c0-5.4 3.1-20.1 3.1-20.1c2.3 0 5.3-.1 8.1-.2M88.1 34.1c-1.4 8.8-5.3 16.1-9.5 16.1c-3 0-5.1-2.6-5.1-7.8c0-10 3.6-20.7 9.9-20.7c.7 0 1.4.1 1.9.3c.1 0 .1.1.2.1c-.5 1.4-.6 2.8-.7 4.3c0 2.3.4 5.3 3.3 7.7M57.9 0c-1.8 0-3.3.1-4.1.2c-1.5.2-2.1 1.6-1.9 3.1c1.6 20.9-3 45.1-8.2 45.1c-3.9 0-5-11.3-5-21.4c0-6 .3-11.7.5-16.8c.1-1.9-.6-2.2-2-2.4c-2.1-.3-3.5-.2-5.6.2c-1.6.3-2 1.6-3.6 5.5C19.8 33 11.9 48.6 11.9 48.6c-2.1-15.7.6-30.9 2.9-42c.3-1.5-.4-2.4-1.7-2.4c-2.4 0-6 .1-7.6 1.2C4 6.4 3.4 7.5 3 9.7c-2.5 12.7-4.2 28.7-1.6 41c.6 2.7 1.2 3.3 2.3 4s6 1.3 7.8 1.3c2.1 0 4.1-.6 5.7-3.4c3.4-5.9 6.2-11.8 11.4-23.1c.5 14.7 2.6 26.3 13 26.3C55.2 55.9 64 21.6 64 5.1C64 .7 61.9 0 57.9 0"/></svg>Wolt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:wolt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:wolt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:wolt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--wolt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:wolt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:wolt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/wolt.svg" alt="Wolt アイコン" width="24" height="24">他のアイコンセットの Wolt アイコン
Wolt アイコン のよくある質問
Wolt アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wolt アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:wolt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wolt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/wolt.svg" alt="Wolt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。