Groovy アイコン
cib:groovy
Groovy アイコン(cib:groovy)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.995 8.016s-2.24 3.719-3.307 5.525c-.209.079-.229.052-.453.276c-.547-.629-1.199-.057-1.371.292c-.077-.755-.203-.755-.375-.927c.099-.661.423-1.74-.317-2.511c-1.437-.969-3.104 1.401-4.032 2.64l-.5.833c-2.061-.047-3.681.011-5.64-.031c2.385.896 2.484.916 5.369 2.011c0 .088.215.495.453.735c.193.203.412.312.516.38c-.141.072-.427.181-.511.344c-.391.728.183.895.557 1.473c.417.76.511 1.26 1.5.833c.339-.145.751-.197 1.011-.276c-.923 1.459-1.161 1.855-2.776 4.364l.016.005c6.463-2.525 6.629-2.588 9.828-3.853c4.599 1.781 4.864 1.932 9.911 3.853c-.703-1.104-1.187-1.791-1.697-2.661c.197-.016.64-.063 1.036-.307c.281-.183.615-.385.917-.765c.588-.756.733-1.704.52-2.891c-.104-.563-.312-1.109-.287-1.131c2.751-1.041 3.073-1.151 5.636-2.12c-3.079.047-3.229.016-6.12.021c-.052-.552-.328-.833-1.177-.808c-.317.052-.52.161-.667.595c-.473-.876-1.135-.62-1.411-.188c-.371-.375-1.224-.5-1.656-.224c-.319-.151-.683-.151-1.011.235c-.229-.193-.308-.251-.819-.453c-1.181-2-2.161-3.593-3.145-5.271zm.016 1.067c.468.715 2.072 3.485 2.468 4.1c-.452.031-.891.271-1.224.749c-.291-.296-.629-.593-1.224-.615c-.724-.124-1.113.199-1.599.756c-.145-.485-.708-.6-1.197-.376c.437-.687 2.5-4.161 2.776-4.609zm-6.079 3.089c-.068 1.911-1.421 3.615-2.396 2.989c-.733-.593.199-2.109.787-2.645c-.041.411.328.667.032 1.025c-.595.724-.36 1.251-.104 1.328c.681.219 1.337-1.635 1.337-2.932c0-.833-.489-.817-1.448.183c-1.312 1.359-2.015 2.683-1.547 3.583c.261.511.647.871 1.276.792c1.235-.145 1.98-1.672 2.057-2.645c.199-.005.147.011.199-.032c0 .172.239 1.011.421 1.557c.245.937 1.287 2.813-1.823 3.543c-.588.151-.817.197-1.401.427c-.281-.589-.349-.776-.927-1.349c.781-.276.792-.245 1.297-.421c1.952-.683 2.541-1.267 2.473-2.095c0 0 .027-.427-.245-.785a3.5 3.5 0 0 1-.391.859c-.583.912-1.728 1.469-2.749 1.115c-.552-.197-.792-.625-.792-1.355c0-.937 2.136-3.645 3.183-4.109c.74-.219.771.391.76.969zm8.672 1.735c.344.005.724.176.98.453c.791.848.703 1.885.219 2.536c-.584.776-2.048.432-2.391-.651c-.161-.5.124-1.751.635-2.163a.82.82 0 0 1 .557-.176zm-2.817.082a1 1 0 0 1 .156.027c.672.036.812.416.932.744c.308.833.229 1.615-.401 2.256c-.947.957-2.052.536-2.047-.756c.021-.921.589-2.287 1.36-2.265zm2.489.052c-.511.385-.579 1.365-.104 1.729c.183.172.287.292.812.344c.365.031.943-.339.969-.703c.016-.167-.016-.448-.417-.896c-.333-.376-.771-.464-.88-.401c-.353.208.027.375.167.511c.213.219.265.312.167.38a.62.62 0 0 1-.495.073c-.14-.063-.609-.329-.219-1.037m5.011.006c.224.349.287.423.536 1.287c.323 1.12.729 1.552 1.089 1.349c.989-.557.197-1.969-.152-2.636c.224 0 .177.011.38.005c.163.631.115.521.548 2.421c.509 2.272.588 2.881-.709 3.901c-.593.469-1.468.489-2.219.453l-.848-.131c.583-.38.724-.739.724-1.484c1.703.713 2.609.172 2.968-.703c.177-.423.115-.98-.052-1.964c.011.803-.005.948-.109 1.344c-.213.797-.729 1.016-1.083.453c-.136-.213-.459-.932-.563-1.708c-.1-.772-.172-1.86-.667-2.313c.057-.109.109-.229.156-.276zm-1.662.016c.344.088.76.271.989.692c.307.579.516.891.5 1.928c-.021 1.109-.453 1.405-.745 1.448c-.369.052-1.015.047-1.396-2.131c-.129-.719-.359-1.407-.604-1.631c.12-.151.131-.129.224-.276c.12.136.224.365.396 1.037c.271 1.077.516 1.301.995 1.359c.745.099 1.037-1.036.423-1.853c-.136-.177-.485-.407-.672-.313c.011.313.151.213.151.423c-.031.249-.068.291-.145.427c-.193-.073-.281-.104-.448-.385c-.209-.417-.073-.803.333-.724zm-6.13.098c-.349.245-.792 1.068-.407 1.803c.193.271.396.495.855.396c.323-.068.896-.453.975-.996c.067-.468-.611-1.375-.985-1.161c-.437.245-.172.417.099.683c.245.24.068.385-.104.453c-.343.14-.536.005-.624-.271c-.084-.271-.011-.505.192-.907zm-3.823.084c.077.228.135.536.292.833c.036.031.176 0 .359-.209c.115-.135.245-.317.475-.619c.14.129.151.223.192.291c.093.177.297.161.365.147c.224-.224.26-.371.405-.391c.011.291.027.468-.344.905a.71.71 0 0 1-.667.229c-.161-.047-.265-.145-.52-.276c-.344.052-.251.423-.188.729c.156.812.667 1.141 1.109.901c.152-.084.12-.084.417-.203c-.052.515-.084.613.011 1.192c-.719.401-1.308.333-1.469-.677c-.12-.839-.349-1.864-.552-2.072c-.193-.199-.276-.261-.276-.261zm-9.484.11c1.005.015 2.135.015 3.343.025a3.2 3.2 0 0 0-.26 1.136c-.563-.213-2.5-.912-3.083-1.161m27.629.014c-1.328.48-2.287.849-3.567 1.339c-.141-.599-.168-.787-.292-1.328c2.135-.005 2.172 0 3.859-.011m-9.301 2.719c.14.573.339.855.339.855c.265.464.604.729 1.119.86c.109.181.152.219.199.317c.047.609.011.683-.464 1.031c-.276.271-.287.661 0 1.027c.308.292.631.396 1.833.083c.229.401.557.871 1.032 1.625c-1.604-.609-3.824-1.473-8.573-3.323c0 0-5.557 2.161-8.536 3.323c1.244-1.964 1.348-2.131 2.233-3.505c.303-.12.199-.073.464-.208c.615-.328 1.104-.812 1.375-1.527c.491 1.104 1.037 1.235 2.177.876c.24-.109.511-.271.568-.693c.615.552 1.912.651 2.855-.511c.817.959 2.671 1.047 3.38-.229zm2.875 1.157s.052.171.083.224c-.129.004-.28 0-.28 0q.11-.104.197-.229z"/></svg>Groovy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:groovy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:groovy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:groovy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--groovy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:groovy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:groovy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/groovy.svg" alt="Groovy アイコン" width="24" height="24">他のアイコンセットの Groovy アイコン
Groovy アイコン のよくある質問
Groovy アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Groovy アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:groovy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Groovy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/groovy.svg" alt="Groovy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。