Continue アイコン
thesvg-color:continue
Continue アイコン(thesvg-color:continue)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 300 × 300 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 300 × 300
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><path fill="#f3f3f3" d="M300 150C300 67.157 232.843 0 150 0S0 67.157 0 150s67.157 150 150 150s150-67.157 150-150"/><path fill="#33333b" d="m206.97 92.797l-9.19 15.932l23.229 40.203c.17.305.272.678.272 1.017s-.102.712-.272 1.017l-23.229 40.237l9.19 15.933L240 149.949l-33.03-57.186zm-12.751 13.864l9.19-15.932h-18.38l-9.19 15.932h18.414zm-18.414 4.136l21.466 37.118h18.38l-21.432-37.118zm18.414 78.372l21.432-37.152h-18.38l-21.466 37.152zm-18.414 4.136l9.19 15.864h18.38l-9.19-15.864h-18.414zm-62.296 19.797c-.373 0-.712-.102-1.017-.272a1.97 1.97 0 0 1-.747-.745l-23.263-40.238h-18.38L103.132 229h66.026l-9.19-15.898zm50.02-2.068l9.19 15.898l9.19-15.932l-9.19-15.932l-9.19 15.932zm5.629-18h-42.864l-9.19 15.932h42.864zM122.699 191l-21.466-37.153l-9.19 15.933l21.466 37.152zm-52.631-23.288h18.38l9.19-15.932H79.292zm41.576-79.763c.169-.305.441-.576.746-.746s.678-.27 1.017-.27H159.9L169.09 71h-66.06L70 128.186h18.38l23.196-40.203zM97.638 148.22l-9.19-15.932h-18.38l9.19 15.932zm15.803-55.118L92.009 130.22l9.19 15.933l21.432-37.119zm46.493-2.068h-42.932l9.19 15.932h42.932zm12.785 13.864L181.875 89l-9.156-15.932l-9.19 15.898z"/></g></svg>Continue アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:continue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:continue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:continue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--continue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:continue"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:continue"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Continue アイコン" width="24" height="24">他のアイコンセットの Continue アイコン
Continue アイコン のよくある質問
Continue アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Continue アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:continue" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Continue アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Continue アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。