Grails アイコン
thesvg-color:grails
Grails アイコン(thesvg-color:grails)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 128 × 128 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- grail
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#feb571" d="M127.5 64c0 35.09-28.483 63.426-63.427 63.426C28.983 127.573.5 99.09.5 64C.5 29.056 28.983.573 63.927.573C99.017.573 127.5 29.056 127.5 64"/><path fill="#fff" d="M33.388 22.743c-1.174 0-2.204.294-3.231.587c-.881.44-1.761.88-2.495 1.615c-.587.734-1.174 1.47-1.615 2.497c-.44.881-.587 2.055-.587 3.23s.293 2.201.734 3.082c.293 1.028.88 1.764 1.614 2.498s1.47 1.32 2.498 1.614c1.028.44 2.054.588 3.229.588c1.174 0 2.2-.148 3.229-.295c1.027-.147 1.908-.586 2.936-1.027V29.35h-5.724v2.937h2.641v2.498c-.293.146-.732.291-1.173.438c-.587.147-1.175.296-1.91.296c-.733 0-1.322-.002-1.91-.296c-.586-.293-1.027-.586-1.467-1.026s-.733-1.028-1.027-1.615c-.147-.587-.292-1.175-.292-1.91c0-.587-.002-1.322.292-1.91s.586-1.173 1.027-1.614c.44-.44.88-.733 1.468-1.026c.587-.147 1.176-.296 1.91-.296c.88 0 1.615.002 2.202.296c.587.293 1.028.586 1.468 1.026l2.203-2.495c-.881-.734-1.617-1.174-2.644-1.468s-2.201-.441-3.376-.441Zm72.53 0c-.44 0-.735.148-1.175.295s-.734.587-.88.88a2.8 2.8 0 0 0-.296 1.173c0 .44.149.882.295 1.176c.294.44.44.733.88.88c.294.147.736.295 1.176.295s.733-.148 1.173-.295q.66-.22.88-.88c.148-.294.296-.735.296-1.176s-.002-.732-.295-1.173c-.294-.44-.44-.733-.88-.88a2.8 2.8 0 0 0-1.174-.295m-8.958.146c-.587 0-1.319.148-2.053.295q-.881.22-1.764.88c-.587.294-1.028.881-1.322 1.469c-.293.587-.438 1.322-.438 2.056s.145 1.466.438 1.907c.44.44.882.882 1.322 1.175s1.028.588 1.615.734c.734.147 1.176.442 1.763.588c.588.294 1.029.44 1.322.734c.44.294.585.733.585 1.173c0 .294 0 .588-.146.734a1.15 1.15 0 0 1-.588.588c-.147.147-.44.296-.734.296c-.294.146-.587.146-.88.146c-.588 0-1.027-.148-1.615-.442c-.587-.293-1.028-.586-1.322-1.026l-2.202 2.494c.587.588 1.468 1.029 2.202 1.322q1.102.441 2.644.442c.734 0 1.468-.001 2.349-.442q.88-.22 1.76-.88c.441-.294.883-.88 1.176-1.468q.442-.881.442-2.202c0-.881-.148-1.616-.442-2.057c-.44-.44-.881-.882-1.322-1.175a5.4 5.4 0 0 0-1.614-.734c-.587-.147-1.027-.292-1.615-.44c-.587-.146-1.028-.293-1.322-.587c-.44-.294-.587-.735-.587-1.176c0-.293.148-.587.295-.734s.291-.292.585-.439c.294-.146.44-.295.734-.295c.294-.147.44-.146.734-.146c.44 0 .882.148 1.322.295s.736.44 1.03.734l2.202-2.351c-.587-.587-1.322-.88-2.056-1.173c-.881-.147-1.617-.295-2.498-.295m8.958.149c.44 0 .733.145 1.027.292s.587.44.734.734s.293.733.293 1.027c0 .44-.146.736-.293 1.03a1.77 1.77 0 0 1-.734.734c-.294.146-.586.292-1.027.292s-.735-.146-1.029-.292a1.77 1.77 0 0 1-.734-.734c-.147-.294-.293-.59-.293-1.03s.146-.733.293-1.027a1.77 1.77 0 0 1 .734-.734c.294-.146.736-.292 1.03-.292zm-63.132.146V38.16h3.082v-6.02h1.76l3.084 6.02v-.147h3.82l-3.82-6.314h.295q1.32-.219 2.202-1.32t.88-2.643q0-1.321-.441-2.202a3.47 3.47 0 0 0-1.173-1.322a4.9 4.9 0 0 0-1.763-.734c-.735-.294-1.469-.293-2.203-.293zm19.379 0l-6.46 14.975h3.523l1.176-3.23h6.02l1.321 3.23v-.147h3.521L64.81 23.184Zm11.011 0v14.828h3.083V23.184zm6.9 0V38.16h9.25v-2.937h-6.018V23.184Zm24.96.439v2.79h.44V25.24h.293c.294 0 .295.146.442.146s.146.146.146.293v.588h.588v-.588c0-.147-.146-.292-.146-.439s-.149-.295-.296-.295c.294-.147.442-.294.442-.588s-.146-.438-.292-.585c-.147-.147-.44-.15-.735-.15zm.44.441h.442c.147 0 .292.147.44.147c.146 0 .145.148.145.295s.001.293-.146.293c-.147.146-.292.146-.439.146h-.441zm-59.608 1.761h3.083c.294.147.587.149.88.295c.147.147.441.295.588.588c.147.294.293.586.293 1.027s-.146.733-.293 1.027s-.44.44-.734.587c-.294 0-.587.147-.88.147h-2.937zm17.619 1.468l1.907 4.993H61.43zm-.147 17.034c-28.923 0-35.973.146-37.588.146c-.294 0-.439.292-.439.439c.147 1.468.147 3.526 1.468 8.224c1.028 3.817 3.378 7.341 5.727 10.278c1.321 1.615 4.55 4.697 6.165 6.019c1.469 1.174 3.67 2.643 5.432 3.524c1.321.734 4.698 2.054 5.726 2.495c1.468.734 3.525 2.35 4.846 4.258c.881 1.468 1.763 3.376 2.057 4.55c.146.735.292 1.908.292 3.23c0 3.23-.587 7.34-1.614 10.277c-1.175 3.23-1.91 4.407-3.378 7.637c-.588 1.468-1.175 2.788-1.469 3.375c-.146.294-.147.587.147.734c.44.587 1.175 1.617 2.643 2.498c2.496 1.321 7.636 1.76 10.132 1.76s7.782-.439 10.13-1.76c1.47-.734 2.202-1.91 2.642-2.498c.147-.294.146-.587.146-.734c-.293-.587-.88-2.054-1.468-3.375c-1.468-3.377-2.054-4.407-3.375-7.637c-1.028-2.936-1.615-7.047-1.615-10.277c0-1.322 0-2.495.293-3.23c.294-1.32 1.175-3.082 2.056-4.55c1.175-1.909 3.375-3.524 4.843-4.258c1.028-.588 4.406-1.761 5.727-2.495c1.615-.881 3.819-2.35 5.434-3.524c1.615-1.322 4.844-4.404 6.165-6.02c2.35-2.936 4.7-6.46 5.727-10.277c1.321-4.698 1.321-6.756 1.468-8.224c-.294-.147-.44-.439-.734-.439c-1.615 0-8.662-.146-37.586-.146m-37 14.24c-9.984 0-12.919.147-13.653.147c-.147 0-.295.148-.295.295c.147 1.028 0 2.202.88 5.139c.588 2.349 2.056 4.403 3.525 6.311c.88.881 2.789 2.937 3.816 3.67c1.028.735 2.35 1.616 3.378 2.203c.734.44 2.937 1.32 3.525 1.615c.88.44 2.202 1.469 2.936 2.643c.44.881 1.026 2.056 1.173 2.79c.147.441.149 1.176.149 2.057c0 1.908-.295 4.55-1.03 6.311c-.734 2.056-1.175 2.645-2.056 4.7c-.293.881-.733 1.613-.88 2.053q-.22.221 0 .442c.294.294.734 1.028 1.615 1.468c1.615.881 4.699 1.176 6.314 1.176s4.846-.295 6.314-1.176c.881-.44 1.321-1.174 1.615-1.468v-.442c-.147-.293-.44-1.172-.88-2.053c-.881-2.055-1.322-2.644-2.057-4.7c-.734-1.762-1.029-4.403-1.029-6.311c0-.881.002-1.616.15-2.056c.293-.735.73-1.91 1.318-2.79c.734-1.175 2.056-2.204 2.937-2.644c.44-.294 1.763-.733 2.644-1.173a.458.458 0 0 0 0-.88C36.912 72.515 29.57 66.347 26.78 58.86c0-.147-.294-.293-.441-.293zm74.44 0c-.147 0-.442.146-.442.293c-2.936 7.634-10.277 13.803-19.967 17.18a.458.458 0 0 0 0 .88c.881.44 2.2.882 2.641 1.176c.881.44 2.202 1.466 2.937 2.64c.587.882 1.028 2.057 1.322 2.79c.146.441.146 1.176.146 2.057c0 1.909-.293 4.55-1.027 6.312c-.734 2.055-1.175 2.644-2.056 4.7c-.44.88-.733 1.762-.88 2.056v.438c.293.294.733 1.028 1.614 1.469c1.468.88 4.7 1.175 6.315 1.175s4.696-.295 6.311-1.175c.881-.441 1.324-1.175 1.618-1.469q.219-.22 0-.438c-.147-.44-.59-1.176-.884-2.057c-.88-2.055-1.319-2.644-2.053-4.7c-.734-1.761-1.03-4.402-1.03-6.311c0-.881 0-1.616.147-2.056c.147-.734.735-1.91 1.176-2.79c.734-1.175 2.055-2.2 2.936-2.641c.587-.294 2.79-1.177 3.524-1.618c1.028-.587 2.348-1.468 3.375-2.202s2.94-2.79 3.82-3.67c1.468-1.91 2.934-3.963 3.522-6.312c.88-2.937.736-4.111.883-5.139c-.147-.293-.149-.441-.296-.441c-.734 0-3.668-.147-13.652-.147"/></svg>Grails アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:grails" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:grails" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:grails" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--grails]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:grails"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:grails"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/grails.svg" alt="Grails アイコン" width="24" height="24">他のアイコンセットの Grails アイコン
Grails アイコン のよくある質問
Grails アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Grails アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:grails" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grails アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/grails.svg" alt="Grails アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。