Fill And Sign アイコン
thesvg-color:fill-and-sign
Fill And Sign アイコン(thesvg-color:fill-and-sign)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- filland、andsign、fillandsign
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="url(#SVG9kzdxQ1R)" d="M30.76 1.253H1.253v28.694H30.76z"/><path fill="#aaa0ff" fill-rule="evenodd" d="M0 5.747v19.76C0 28.653 2.427 31.2 5.587 31.2h20.706c3.16 0 5.72-2.56 5.72-5.707V5.707A5.736 5.736 0 0 0 26.28 0H5.587C2.427 0 0 2.56 0 5.707zm25.867-4.4c2.546 0 4.786 2.093 4.786 4.64V24.96c0 2.547-2.066 4.893-4.613 4.893H5.96c-2.547 0-4.613-2.16-4.613-4.706V6.253c0-2.533 2.066-4.906 4.6-4.906z" clip-rule="evenodd"/><path fill="#aaa0ff" d="M18.093 7.387L8.72 16.76l-1.187 4.787l4.774-1.2l9.373-9.374z"/><path fill="#ddd8ff" d="M18.76 23.947c-.093 0-.187 0-.293-.014c-.534-.066-.92-.453-1.107-1.066c-.013-.054-.027-.094-.04-.147c-1.28.68-2.84 1.16-4.413 1.16h-4.84a.267.267 0 0 1-.267-.267c0-.146.12-.266.267-.266h4.84c1.6 0 3.133-.507 4.346-1.174c-.066-1.2.4-2.666 1.134-3.293c.453-.387.973-.453 1.493-.213c.427.2.6.6.493 1.093c-.186.813-1.16 1.853-2.546 2.693c.013.094.04.187.066.267c.134.427.347.653.667.693c1.187.147 2.24-.973 2.867-1.626c.386-.414.56-.6.786-.56a.32.32 0 0 1 .24.173c.107.2 0 .427-.186.827c-.147.32-.427.92-.307 1.106c.04.067.16.094.333.094c.36 0 1.454-.814 1.547-1.094c.04-.146.187-.213.333-.173s.214.187.174.333c-.16.534-1.467 1.467-2.054 1.467c-.373 0-.64-.12-.786-.347c-.214-.346-.08-.813.106-1.253c-.666.667-1.653 1.587-2.853 1.587m.507-4.907c-.187 0-.374.08-.547.227c-.547.466-.933 1.6-.96 2.573c1.16-.747 1.933-1.613 2.067-2.213c.066-.32-.067-.427-.2-.494a.9.9 0 0 0-.36-.093"/></g><defs><radialGradient id="SVG9kzdxQ1R" cx="0" cy="0" r="1" gradientTransform="translate(13.01 10.81)scale(19.2351)" gradientUnits="userSpaceOnUse"><stop stop-color="#28254a" stop-opacity=".883"/><stop offset=".983" stop-color="#03042b"/></radialGradient><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Fill And Sign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:fill-and-sign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:fill-and-sign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:fill-and-sign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fill-and-sign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fill-and-sign"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:fill-and-sign"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/fill-and-sign.svg" alt="Fill And Sign アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Fill And Sign アイコン
Fill And Sign アイコン のよくある質問
Fill And Sign アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fill And Sign アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:fill-and-sign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fill And Sign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/fill-and-sign.svg" alt="Fill And Sign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。