Weaviate Icon アイコン
logos:weaviate-icon
Weaviate Icon アイコン(logos:weaviate-icon)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 155 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 155
- タグ
- weaviateicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="155" viewBox="0 0 256 155"><defs><linearGradient id="SVG3cqEFcGJ" x1="84.2" x2="72.6" y1="-2328.6" y2="-2442.5" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#75be2c"/><stop offset=".9" stop-color="#9dc03b"/></linearGradient><linearGradient id="SVGLnBqjbfx" x1="78.7" x2="78.7" y1="-2376.1" y2="-2338.8" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#238d37"/><stop offset=".9" stop-color="#35537f"/></linearGradient><linearGradient id="SVGtK91FbfJ" x1="74.7" x2="80.5" y1="-2395.4" y2="-2357.4" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#67d84d"/><stop offset="1" stop-color="#348522"/></linearGradient><linearGradient id="SVG0t5MubmT" x1="132.4" x2="132.4" y1="-2425.4" y2="-2359.2" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e4d00a"/><stop offset=".6" stop-color="#c4d132"/></linearGradient><linearGradient id="SVGtsjojfNa" x1="24.8" x2="24.8" y1="-2425.4" y2="-2359.2" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e4d00a"/><stop offset=".6" stop-color="#c4d132"/></linearGradient><linearGradient id="SVGG5rYzd1Z" x1="117.3" x2="117.3" y1="-2358.4" y2="-2336.3" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8ab11b"/><stop offset="1" stop-color="#6eaf02"/></linearGradient><linearGradient id="SVGElXXuTXY" x1="133.3" x2="128.7" y1="-2385.1" y2="-2347.9" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#75be2c"/><stop offset=".9" stop-color="#9dc03b"/></linearGradient><linearGradient id="SVGgMc4Udaq" x1="40" x2="40" y1="-2358.3" y2="-2336.4" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8ab11b"/><stop offset="1" stop-color="#6eaf02"/></linearGradient><linearGradient id="SVGPbpOv1qV" x1="28.4" x2="23.8" y1="-2384.9" y2="-2340.2" gradientTransform="translate(-8.325 4206.548)scale(1.73441)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#75be2c"/><stop offset=".9" stop-color="#9dc03b"/></linearGradient></defs><path fill="url(#SVG3cqEFcGJ)" d="M247.674 27.303L203.446 1.634c-7.456-4.336-16.823 1.041-16.823 9.713v65.041l-31.392-18.039c-16.826-9.712-37.638-9.712-54.462 0L69.377 76.388V11.173c0-8.672-9.367-13.875-16.823-9.713L8.326 27.303C3.123 30.252 0 35.803 0 41.698v61.226q0 6.504 3.123 11.967c2.08 3.643 4.856 6.764 8.498 9.192l22.894 14.569l17.518 11.1c10.58 6.764 23.934 6.072 33.993-1.387l1.389-1.041l.347-.346l26.363-20.119c7.631-5.897 20.293-5.897 28.098 0l26.19 19.947l1.559 1.213c9.887 7.458 23.415 7.979 33.995 1.387l17.518-11.1l22.894-14.569c3.642-2.254 6.59-5.549 8.498-9.193c1.908-3.641 3.123-7.631 3.123-11.967V41.526c0-5.897-3.123-11.448-8.326-14.397z"/><path fill="url(#SVGLnBqjbfx)" d="M186.969 115.932v22.028c0 6.764-4.856 12.313-10.753 12.313c-5.896 0-5.203-1.213-7.978-3.295l-26.189-20.119c-7.631-5.897-20.293-5.897-28.098 0l-26.364 20.119c-2.6 1.907-4.336 2.602-6.764 2.602c-6.069 0-11.62-4.51-11.62-11.795v-21.853l37.638-24.282c12.833-8.324 29.485-8.324 42.318 0l37.81 23.761z"/><path fill="url(#SVGtK91FbfJ)" d="M186.623 76.214v40.066l-37.29-23.936c-12.835-8.325-29.312-8.325-42.32 0L69.377 116.28V76.214l31.392-18.039c16.824-9.713 37.464-9.713 54.462 0z"/><path fill="url(#SVG0t5MubmT)" d="M256 41.698v61.052q0 6.504-3.123 11.968l-66.254-38.504V11.173c0-8.672 9.367-13.875 16.823-9.713l44.228 25.669c5.203 2.949 8.326 8.5 8.326 14.397z"/><path fill="url(#SVGtsjojfNa)" d="M69.377 11.173v65.215L3.123 114.891Q0 109.428 0 102.924V41.698c0-5.895 3.123-11.446 8.326-14.395L52.554 1.634c7.456-4.336 16.823 1.041 16.823 9.713z"/><path fill="url(#SVGG5rYzd1Z)" d="M175.349 149.406c5.897 0 11.448-4.682 11.448-11.274v-22.026l35.034 22.374l-17.69 11.272c-10.58 6.764-24.108 6.246-33.995-1.387l-1.733-1.387c2.426 1.735 4.508 2.428 6.936 2.428"/><path fill="url(#SVGElXXuTXY)" d="M252.877 114.891c-1.908 3.643-4.856 6.764-8.498 9.192l-22.894 14.569l-34.862-22.2V76.388l66.254 38.677z"/><path fill="url(#SVGgMc4Udaq)" d="M69.377 138.132c0 6.764 5.549 11.969 11.446 11.274c2.603-.346 4.685-.693 6.764-2.254l-1.561 1.213c-9.885 7.459-23.413 7.979-33.993 1.387l-17.518-11.1l34.862-22.372z"/><path fill="url(#SVGPbpOv1qV)" d="M69.377 76.214v40.066l-34.862 22.372l-22.894-14.569c-3.642-2.254-6.59-5.549-8.498-9.192l66.254-38.503z"/></svg>Weaviate Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:weaviate-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:weaviate-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:weaviate-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--weaviate-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:weaviate-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:weaviate-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/weaviate-icon.svg" alt="Weaviate Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Weaviate Icon アイコン のよくある質問
Weaviate Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Weaviate Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:weaviate-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Weaviate Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/weaviate-icon.svg" alt="Weaviate Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。