Sure アイコン
thesvg-color:sure
Sure アイコン(thesvg-color:sure)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 160 × 145 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 160 × 145
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="145" viewBox="0 0 160 145"><g fill="none"><path fill="#62a446" d="M116.51 119.37q5.328 0 8.242-1.857q2.916-1.858 3.016-5.084l31.06 9.874q-1.81 6.159-7.74 11.242q-5.83 4.986-14.776 7.919t-20.003 2.933q-9.448 0-17.691-2.053q-8.142-2.054-14.374-6.159q-6.131-4.204-9.65-10.46q-3.518-6.257-3.518-14.567t3.518-14.566t9.65-10.363q6.233-4.204 14.474-6.256q8.243-2.054 17.591-2.053q9.549 0 17.49 2.053q8.041 2.052 13.771 6.354q5.829 4.203 8.946 10.754q3.216 6.451 3.216 15.348H104.85v.098q0 1.466.804 2.737q.804 1.27 2.211 2.249q1.509.879 3.619 1.368q2.212.489 5.026.489m-.201-16.717q-4.926 0-8.142 1.76q-3.216 1.662-3.217 4.79v.196h22.617v-.196q0-1.564-.905-2.737q-.804-1.272-2.312-2.053q-1.508-.88-3.618-1.271q-2.011-.489-4.423-.489"/><path fill="#61a446" d="M37.567 81.901v60.612H2.747V81.901zm-.101 37.345L42.9 92.948q.906-4.204 3.522-6.94a18.1 18.1 0 0 1 6.34-4.302a24.8 24.8 0 0 1 7.447-1.76q3.824-.39 7.044.293q3.22.587 5.132 2.053l-7.648 36.367q-2.918-2.346-7.144-3.226q-4.126-.88-8.353-.587q-4.227.196-7.447 1.369q-3.221 1.173-4.327 3.031"/><path fill="gray" d="M155.301.292v71.611h-33.825V.292zm-44.188 5v37.283q0 2.15.685 3.52q.782 1.27 1.955 1.857a7.3 7.3 0 0 0 2.639.489q1.369 0 2.738-.49q1.466-.488 2.346-1.172l-7.821 24.147q-2.737 1.369-6.746 2.248q-3.91.88-8.211.88q-3.911 0-7.723-.978q-3.813-.879-6.941-3.03q-3.03-2.151-4.889-5.67q-1.857-3.52-1.857-8.799V5.292zM.699 30.648q0-5.572 3.128-9.678q3.226-4.105 8.7-6.843q5.476-2.835 12.417-4.204t14.468-1.368q9.287 0 17.206 1.661q8.016 1.662 14.468 4.4v22.68q-2.737-2.053-7.234-3.52q-4.4-1.465-9.385-2.248q-4.887-.782-9.287-.782q-2.933 0-5.377.391q-2.346.294-3.813.978q-1.368.684-1.368 1.76q0 .585.39.88q.49.293 1.37.39a21 21 0 0 0 2.248.098h7.918q4.89 0 9.777.684q4.985.588 8.994 2.444q4.105 1.858 6.55 5.377q2.444 3.422 2.444 9.092q0 5.964-3.324 10.167q-3.226 4.106-8.897 6.746q-5.571 2.54-12.61 3.715q-6.941 1.173-14.47 1.173q-8.895 0-17.596-1.662q-8.603-1.662-14.762-4.888V44.237q2.444 2.64 6.941 4.4q4.595 1.661 9.874 2.541q5.376.782 10.07.782q3.03 0 5.474-.293q2.444-.391 3.813-1.075q1.466-.783 1.466-1.956q0-.489-.293-.684q-.294-.195-.978-.293q-.587-.098-1.662-.098h-5.866q-3.42 0-7.625-.196a71 71 0 0 1-8.212-1.075q-4.106-.88-7.527-2.64q-3.325-1.857-5.377-4.985Q.699 35.439.699 30.648"/></g></svg>Sure アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sure" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sure" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sure" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sure]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sure"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sure"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/sure.svg" alt="Sure アイコン" width="24" height="24">他のアイコンセットの Sure アイコン
Sure アイコン のよくある質問
Sure アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sure アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:sure" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sure アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/sure.svg" alt="Sure アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。