Kestra アイコン
thesvg-color:kestra
Kestra アイコン(thesvg-color:kestra)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 600 × 601 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 600 × 601
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="601" viewBox="0 0 600 601"><g fill="none"><g clip-path="url(#SVGCcW6HbUV)"><path fill="#2c0059" d="M0 68.023C0 30.978 30.03.948 67.075.948h465.85C569.97.948 600 30.978 600 68.023v465.85c0 37.044-30.031 67.075-67.075 67.075H67.075C30.031 600.948 0 570.917 0 533.873z"/><path fill="#a950ff" d="M285.264 252.767c8.137-8.137 21.33-8.137 29.467 0l33.448 33.448c8.138 8.137 8.138 21.33 0 29.467l-33.448 33.448c-8.137 8.138-21.33 8.138-29.467 0l-33.448-33.448c-8.137-8.137-8.137-21.33 0-29.467zm154.058-.267c7.991-7.991 20.948-7.991 28.939 0l33.976 33.976c7.991 7.991 7.991 20.948 0 28.939l-33.976 33.976c-7.991 7.991-20.948 7.992-28.939 0l-33.976-33.976c-7.991-7.991-7.991-20.948 0-28.939z"/><path fill="#e9c1ff" d="M285.528 98.71c7.991-7.99 20.948-7.99 28.94 0l33.975 33.976c7.992 7.992 7.992 20.949 0 28.94l-33.975 33.976c-7.992 7.991-20.949 7.991-28.94 0l-33.976-33.976c-7.991-7.991-7.991-20.948 0-28.94z"/><path fill="#cd88ff" d="M271.29 209.32c8.137 8.137 8.137 21.33 0 29.467l-33.448 33.448c-8.137 8.137-21.33 8.137-29.467 0l-33.448-33.448c-8.138-8.137-8.138-21.33 0-29.467l33.448-33.449c8.137-8.137 21.33-8.137 29.467 0z"/><path fill="#a950ff" d="M194.654 286.476c7.991 7.991 7.991 20.948 0 28.939l-33.976 33.976c-7.991 7.991-20.948 7.991-28.94 0l-33.975-33.976c-7.992-7.991-7.992-20.948 0-28.939l33.975-33.976c7.992-7.991 20.949-7.991 28.94 0z"/><path fill="#cd88ff" d="M425.078 209.32c8.137 8.137 8.137 21.33 0 29.467l-33.448 33.448c-8.138 8.137-21.33 8.137-29.467 0l-33.449-33.448c-8.137-8.137-8.137-21.33 0-29.467l33.449-33.449c8.137-8.137 21.329-8.137 29.467 0z"/><path fill="#f62e76" d="M332.916 428.992c18.179 18.179 18.179 47.653 0 65.832s-47.653 18.179-65.832 0s-18.179-47.653 0-65.832s47.653-18.179 65.832 0"/></g><defs><clipPath id="SVGCcW6HbUV"><path fill="#fff" d="M0 .948h600v600H0z"/></clipPath></defs></g></svg>Kestra アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kestra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kestra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kestra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kestra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kestra"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kestra"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/kestra.svg" alt="Kestra アイコン" width="24" height="24">他のアイコンセットの Kestra アイコン
Kestra アイコン のよくある質問
Kestra アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kestra アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:kestra" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kestra アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/kestra.svg" alt="Kestra アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。