Insur アイコン
token-branded:insur
Insur アイコン(token-branded:insur)は、Web3 Icons Branded セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#00e093" d="M9.003 5.768c-.252.09-.58.36-.693.562a3.5 3.5 0 0 0-.153.621c-.162.91-.486 1.175-1.65 1.35c-.478.068-.937.653-.946 1.197a1.37 1.37 0 0 1-.832 1.188a3 3 0 0 1-.576.135c-.441.058-.63.153-.887.436c-.225.252-.301.54-.252.954c.063.558.522.918 1.278 1.004c.5.058.891.324 1.107.747c.09.18.162.409.167.517a1.28 1.28 0 0 0 1.314 1.296c.108 0 .346.072.526.162c.432.211.688.585.751 1.08c.108.841.527 1.282 1.215 1.282c.374 0 .599-.09.855-.333c.225-.211.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-.598.37-1.197.927-1.35c.18-.045.46-.103.621-.121c.333-.045.707-.315.869-.626a1.3 1.3 0 0 0 .108-.513c.009-.639-.45-1.111-1.175-1.201c-.675-.09-1.111-.374-1.35-.878l-.144-.297l-.117.257c-.14.281-.381.5-.675.612c-.153.058-.148.063.117.17c.531.208 1.008.932.932 1.495c-.09.643-.675 1.107-1.413 1.197c-.787.094-1.089.387-1.233 1.196c-.157.9-.553 1.337-1.345 1.337c-.405 0-.594-.072-.9-.338A1.36 1.36 0 0 1 8 14.605a1.274 1.274 0 0 0-1.264-1.228c-.338 0-.72-.19-.968-.468c-.279-.315-.342-.495-.342-.94c0-.716.464-1.193 1.269-1.315c.855-.135 1.188-.445 1.3-1.206c.108-.773.576-1.282 1.242-1.354a1.67 1.67 0 0 1 1.54.905l.107.27l.117-.261c.135-.293.446-.55.774-.64c.166-.044.184-.062.076-.067a2.1 2.1 0 0 1-.881-.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-.508"/><path fill="#fff" d="M14.444 5.71c-.037.013-.14.04-.235.058c-.409.09-.819.648-.823 1.125c0 .329-.202.747-.477.986c-.288.247-.405.292-.868.36c-.464.058-.635.125-.855.332c-.266.243-.36.46-.423.945c-.1.792-.477 1.157-1.35 1.305c-.621.108-.913.293-1.098.689c-.157.342-.153.693.014 1.035c.18.369.517.58 1.034.643c.675.081 1.09.351 1.305.85l.104.248l.08-.185c.1-.238.469-.594.658-.639c.189-.044.184-.126-.014-.175c-.225-.054-.598-.392-.747-.684c-.18-.35-.17-.86.023-1.237c.22-.419.562-.63 1.143-.711c.549-.072.751-.162.98-.432c.18-.207.27-.477.334-.954a1.404 1.404 0 0 1 1.876-1.093c.504.207.76.562.877 1.223c.104.572.144.662.396.9c.225.203.396.27.855.333c.877.117 1.404.711 1.337 1.517c-.059.68-.536 1.116-1.337 1.228c-.796.112-1.147.468-1.25 1.26c-.077.576-.316.931-.793 1.17c-.279.135-.882.14-1.178 0a1.53 1.53 0 0 1-.716-.752l-.08-.23l-.118.262a1.26 1.26 0 0 1-.675.616c-.153.054-.153.059.113.167c.288.112.625.44.733.72c.036.09.09.346.126.571c.072.504.288.833.662 1.008a1.187 1.187 0 0 0 1.732-1.008c.117-.877.558-1.305 1.449-1.413c.675-.08 1.057-.454 1.156-1.138c.081-.558.18-.778.495-1.053c.265-.239.594-.369.945-.369a1.27 1.27 0 0 0 1.125-.9c.193-.71-.315-1.363-1.143-1.467c-.9-.108-1.273-.477-1.418-1.381a1.8 1.8 0 0 0-.224-.67a1.29 1.29 0 0 0-.977-.504c-.328 0-.855-.243-1.066-.495c-.19-.22-.28-.46-.338-.923a1.28 1.28 0 0 0-.585-.958c-.243-.126-.634-.225-.764-.18"/></g></svg>Insur アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:insur" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:insur" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:insur" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--insur]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:insur"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:insur"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/insur.svg" alt="Insur アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Insur アイコン
Insur アイコン のよくある質問
Insur アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Insur アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:insur" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Insur アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/insur.svg" alt="Insur アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。