Insur アイコン
token:insur
Insur アイコン(token:insur)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.004 5.77c-.252.09-.58.36-.693.562a3.5 3.5 0 0 0-.153.62c-.162.91-.486 1.175-1.652 1.35c-.477.068-.936.653-.945 1.198a1.37 1.37 0 0 1-.832 1.188a3 3 0 0 1-.576.134c-.441.059-.63.154-.887.437c-.225.252-.301.54-.252.954c.063.558.522.918 1.278 1.003c.5.059.891.324 1.107.747c.09.18.162.41.167.518a1.28 1.28 0 0 0 1.314 1.296c.108 0 .346.072.526.162c.432.211.689.585.752 1.08c.108.841.526 1.282 1.215 1.282c.373 0 .598-.09.854-.333c.226-.212.306-.41.374-.9c.04-.352.2-.68.454-.927a1.6 1.6 0 0 1 .9-.342c.684 0 1.296-.549 1.3-1.165c.005-.599.37-1.197.928-1.35c.18-.045.459-.104.62-.122c.334-.045.707-.315.87-.625c.057-.108.107-.338.107-.513c.009-.639-.45-1.111-1.174-1.201c-.675-.09-1.112-.374-1.35-.878l-.144-.297l-.117.257c-.141.28-.382.499-.675.612c-.153.058-.149.063.117.17c.53.208 1.008.932.931 1.494c-.09.644-.675 1.107-1.413 1.197c-.787.095-1.089.387-1.233 1.197c-.157.9-.553 1.337-1.345 1.337c-.405 0-.594-.072-.9-.338A1.36 1.36 0 0 1 8 14.607a1.273 1.273 0 0 0-1.264-1.229c-.338 0-.72-.189-.968-.468c-.279-.315-.342-.495-.342-.94c0-.715.464-1.193 1.27-1.314c.854-.135 1.187-.446 1.3-1.206c.108-.774.576-1.282 1.242-1.354A1.67 1.67 0 0 1 10.776 9l.108.27l.117-.26c.135-.293.446-.55.774-.64c.167-.045.185-.063.077-.067a2.1 2.1 0 0 1-.882-.486a1.66 1.66 0 0 1-.374-.936a1.9 1.9 0 0 0-.193-.603a1.23 1.23 0 0 0-1.4-.509"/><path fill="currentColor" d="M14.443 5.71c-.036.013-.14.04-.234.058c-.41.09-.819.648-.823 1.125c0 .328-.203.747-.477.985c-.288.248-.405.293-.869.36c-.463.059-.634.126-.855.333c-.265.243-.36.46-.423.945c-.099.792-.477 1.156-1.35 1.305c-.62.108-.913.292-1.097.688c-.158.342-.153.693.013 1.035c.18.37.518.58 1.035.644c.675.08 1.089.35 1.305.85l.103.248l.081-.185c.1-.238.468-.594.657-.639c.19-.045.185-.126-.013-.175c-.225-.054-.599-.392-.747-.684c-.18-.351-.171-.86.022-1.238c.22-.418.563-.63 1.143-.71c.55-.072.752-.162.981-.433c.18-.207.27-.476.333-.953a1.404 1.404 0 0 1 1.877-1.094c.504.207.76.563.877 1.224c.104.571.144.661.396.9c.225.202.396.27.855.333c.877.117 1.404.71 1.336 1.516c-.058.68-.535 1.116-1.336 1.229c-.796.112-1.147.468-1.251 1.26c-.076.576-.315.931-.792 1.17c-.279.135-.882.14-1.179 0a1.53 1.53 0 0 1-.715-.752l-.081-.23l-.117.262a1.26 1.26 0 0 1-.675.616c-.153.054-.153.059.112.167c.288.112.626.44.734.72c.036.09.09.346.126.571c.072.504.288.832.661 1.008a1.187 1.187 0 0 0 1.733-1.008c.117-.877.557-1.305 1.448-1.413c.675-.08 1.058-.454 1.157-1.138c.08-.558.18-.779.495-1.053a1.4 1.4 0 0 1 .945-.37a1.27 1.27 0 0 0 1.125-.9c.193-.71-.315-1.363-1.143-1.466c-.9-.108-1.274-.477-1.418-1.381a1.8 1.8 0 0 0-.225-.67a1.29 1.29 0 0 0-.976-.505c-.328 0-.855-.243-1.066-.495c-.19-.22-.28-.459-.338-.922a1.28 1.28 0 0 0-.585-.959c-.243-.126-.634-.225-.765-.18"/></svg>Insur アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:insur" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:insur" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:insur" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--insur]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:insur"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:insur"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/insur.svg" alt="Insur アイコン" width="24" height="24">他のアイコンセットの Insur アイコン
Insur アイコン のよくある質問
Insur アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Insur アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:insur" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Insur アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/insur.svg" alt="Insur アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。