Groq アイコン
logos:groq
Groq アイコン(logos:groq)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 146 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 146
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="146" viewBox="0 0 512 146"><path fill="#f43e01" d="M356.05.08h-.01c-28.319 0-51.361 23.042-51.361 51.36c0 28.32 23.042 51.362 51.36 51.362c28.319 0 51.361-23.043 51.361-51.369C407.351 23.166 384.314.13 356.05.08m24.114 51.36c0 13.305-10.82 24.123-24.122 24.123s-24.122-10.82-24.122-24.122s10.82-24.123 24.122-24.123s24.122 10.819 24.122 24.123m-145.333-4.739c.111-3.033.37-5.976.948-8.96l.013-.06a46.8 46.8 0 0 1 3.31-10.074c3.049-6.485 7.547-12.198 13.025-16.544c5.369-4.235 11.655-7.39 18.185-9.129A50.3 50.3 0 0 1 280.177.23c7.397-.53 14.712.297 21.678 2.904a50.6 50.6 0 0 1 7.56 3.584l4.077 2.37l-13.077 22.747l-4.082-2.274a23.5 23.5 0 0 0-9.085-2.87a28.7 28.7 0 0 0-10.058.886a23.3 23.3 0 0 0-8.49 4.3c-2.326 1.873-4.202 4.265-5.416 6.9c-1.313 2.845-1.804 5.977-1.804 9.088v51.461h-26.652V46.702zm-9.258 1.729c-.323-13.015-5.625-25.195-14.932-34.292C201.342 5.049 189.067.026 176.078 0h-.421c-27.127 0-49.317 22.001-49.555 49.245c-.116 13.267 4.928 25.791 14.198 35.266c9.276 9.477 21.668 14.758 34.933 14.875h15.118V73.065h-14.353c-6.224.085-12.103-2.292-16.552-6.649c-4.454-4.358-6.945-10.2-7.012-16.453c-.142-12.886 10.175-23.487 23.006-23.642h.617c12.81 0 23.29 10.485 23.363 23.35v45.948c0 12.717-10.35 23.187-23.076 23.35c-6.095-.047-11.823-2.468-16.13-6.83l-3.341-3.377l-.013.013l-13.43 23.72c8.962 8.18 20.442 12.704 32.627 12.794h.67c13.06-.186 25.313-5.41 34.504-14.72c9.182-9.306 14.28-21.646 14.347-34.777V48.436h-.013v-.005zM462.553.075c-13.264 0-25.729 5.17-35.1 14.567c-9.356 9.38-14.498 21.841-14.472 35.078c0 27.352 22.239 49.601 49.575 49.601h14.059V73.036h-14.059c-12.851 0-23.303-10.459-23.303-23.316s10.452-23.316 23.303-23.316c5.84 0 11.429 2.18 15.741 6.139c4.162 3.824 7.434 8.945 7.434 14.588v94.996H512V49.72C512 22.347 489.818.075 462.554.075M42.886 88.42H0L70.383.388L52.619 57.26h42.878l-70.375 88.032z"/></svg>Groq アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:groq" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:groq" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:groq" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--groq]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:groq"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:groq"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/groq.svg" alt="Groq アイコン" width="24" height="24">他のアイコンセットの Groq アイコン
Groq アイコン のよくある質問
Groq アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Groq アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:groq" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Groq アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/groq.svg" alt="Groq アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。