Captivate アイコン
thesvg-color:captivate
Captivate アイコン(thesvg-color:captivate)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#002615" d="M1.051.941h30.008v29.313H1.05z"/><path fill="#00f58a" d="M1.47 1.333h29.066v28.398H1.469zM0 31.2h32V0H0z"/><path fill="#00f58a" d="M15.184 21.569v-1.8c0-.161-.068-.161-.146-.104c-.638.215-1.229.283-2.107.283c-1.935 0-4.293-1.229-4.293-5.386c0-3.362 1.72-5.318 4.293-5.318c.92 0 1.704.163 2.238.414c.068.026.162.026.162-.163V7.597c0-.13-.026-.198-.136-.24c-.413-.199-1.213-.309-2.28-.309c-4.094 0-6.771 3.038-6.771 7.561c0 5.281 3.038 7.52 6.468 7.52c.946 0 1.866-.095 2.442-.335c.094-.021.13-.09.13-.225m4.283-8.372a3.9 3.9 0 0 1 1.16-.172c1.668 0 2.641 1.171 2.641 3.362c0 2.682-1.558 3.749-3.054 3.749c-.24 0-.533-.026-.732-.094zm1.427-2.264c-1.558 0-2.891.466-3.775.748c-.042.026-.188.162-.188.188c.041.309.13.826.13 1.067v12.397c0 .105.095.136.215.136l2.091-.198c.105-.027.094-.12.094-.2v-2.917c.2.026.455 0 .628 0c2.829 0 5.6-1.96 5.6-5.934c.016-3.023-1.673-5.287-4.795-5.287"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Captivate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:captivate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:captivate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:captivate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--captivate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:captivate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:captivate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/captivate.svg" alt="Captivate アイコン" width="24" height="24">theSVG Color の関連アイコン
Captivate アイコン のよくある質問
Captivate アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Captivate アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:captivate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Captivate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/captivate.svg" alt="Captivate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。