Proton Meet アイコン
thesvg-color:proton-meet
Proton Meet アイコン(thesvg-color:proton-meet)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 36 × 36 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 36 × 36
- タグ
- protonmeet
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="none"><g clip-path="url(#SVG3M9xbd8S)"><path fill="#6d4aff" d="M28.295 12.385v18.05c-.545-.348-1.09-.7-1.64-1.047a2 2 0 0 0-.494-.252c-.179-.051-.384-.048-.541.051a.8.8 0 0 0-.271.348q-.07.142-.128.289a4.08 4.08 0 0 1-1.442 2.114l-.066.048a3 3 0 0 1-.428.278c-.004 0-.011.01-.019.014l-.007.004a4.2 4.2 0 0 1-.886.355l-.124.033a6 6 0 0 1-.48.084q-.235.029-.475.03H4.026A4.023 4.023 0 0 1 0 28.758V8.361h13.59q.24 0 .475.029q.059.007.125.018a4 4 0 0 1 .834.216c.033.011.07.022.103.037c.146.058.292.128.428.205h.007l.022.014q.22.125.425.278q.032.023.066.051a4.06 4.06 0 0 1 1.445 2.111q.054.148.125.29c.066.135.146.266.274.347c.154.099.359.102.538.051c.176-.051.337-.154.494-.252l2.438-1.559l.025-.014s.008 0 .011-.008l.235-.15h.007q.07-.052.146-.098c.278-.18.56-.355.846-.538a3.72 3.72 0 0 1 4.04.025a3.45 3.45 0 0 1 1.581 2.638q.014.164.015.333"/><path fill="url(#SVG48Pa3cGW)" d="M28.295 12.385v18.05c-.545-.348-1.09-.7-1.64-1.047a2 2 0 0 0-.494-.252c-.179-.051-.384-.048-.541.051a.8.8 0 0 0-.271.348q-.07.142-.128.289a4.08 4.08 0 0 1-1.442 2.114l-.066.048a3 3 0 0 1-.428.278c-.004 0-.011.01-.019.014l-.007.004a4.2 4.2 0 0 1-.886.355l-.124.033a6 6 0 0 1-.48.084q-.235.029-.475.03H4.026A4.023 4.023 0 0 1 0 28.758V8.361h13.59q.24 0 .475.029q.059.007.125.018a4 4 0 0 1 .834.216c.033.011.07.022.103.037c.146.058.292.128.428.205h.007l.022.014q.22.125.425.278q.032.023.066.051a4.06 4.06 0 0 1 1.445 2.111q.054.148.125.29c.066.135.146.266.274.347c.154.099.359.102.538.051c.176-.051.337-.154.494-.252l2.438-1.559l.025-.014s.008 0 .011-.008l.235-.15h.007q.07-.052.146-.098c.278-.18.56-.355.846-.538a3.72 3.72 0 0 1 4.04.025a3.45 3.45 0 0 1 1.581 2.638q.014.164.015.333"/><path fill="#1b1340" fill-opacity=".1" d="M28.295 12.385v18.05c-.545-.348-1.09-.7-1.64-1.047a2 2 0 0 0-.494-.252c-.179-.051-.384-.048-.541.051a.8.8 0 0 0-.271.348q-.07.142-.128.289a4.08 4.08 0 0 1-1.442 2.114l-.066.048a3 3 0 0 1-.428.278c-.004 0-.011.01-.019.014l-.007.004a4.2 4.2 0 0 1-.886.355l-.124.033a6 6 0 0 1-.48.084q-.235.029-.475.03H4.026A4.023 4.023 0 0 1 0 28.758V8.361h13.59q.24 0 .475.029q.059.007.125.018a4 4 0 0 1 .834.216c.033.011.07.022.103.037c.146.058.292.128.428.205h.007l.022.014q.22.125.425.278q.032.023.066.051a4.06 4.06 0 0 1 1.445 2.111q.054.148.125.29c.066.135.146.266.274.347c.154.099.359.102.538.051c.176-.051.337-.154.494-.252l2.438-1.559l.025-.014s.008 0 .011-.008l.235-.15h.007q.07-.052.146-.098c.278-.18.56-.355.846-.538a3.72 3.72 0 0 1 4.04.025a3.45 3.45 0 0 1 1.581 2.638q.014.164.015.333"/><path fill="url(#SVG9RXdTcPz)" d="M28.295 12.385v18.05c-.545-.348-1.09-.7-1.64-1.047a2 2 0 0 0-.494-.252c-.179-.051-.384-.048-.541.051a.8.8 0 0 0-.271.348q-.07.142-.128.289a4.08 4.08 0 0 1-1.442 2.114l-.066.048a3 3 0 0 1-.428.278c-.004 0-.011.01-.019.014l-.007.004a4.2 4.2 0 0 1-.886.355l-.124.033a6 6 0 0 1-.48.084q-.235.029-.475.03H4.026A4.023 4.023 0 0 1 0 28.758V8.361h13.59q.24 0 .475.029q.059.007.125.018a4 4 0 0 1 .834.216c.033.011.07.022.103.037c.146.058.292.128.428.205h.007l.022.014q.22.125.425.278q.032.023.066.051a4.06 4.06 0 0 1 1.445 2.111q.054.148.125.29c.066.135.146.266.274.347c.154.099.359.102.538.051c.176-.051.337-.154.494-.252l2.438-1.559l.025-.014s.008 0 .011-.008l.235-.15h.007q.07-.052.146-.098c.278-.18.56-.355.846-.538a3.72 3.72 0 0 1 4.04.025a3.45 3.45 0 0 1 1.581 2.638q.014.164.015.333"/><path fill="url(#SVGXZjbXbcA)" d="M36 7.243V28.76q-.001.169-.015.332c-.223 2.7-3.341 4.123-5.621 2.664l-1.27-.809s-.008-.007-.015-.01c-.26-.17-.523-.334-.783-.502v-18.05c0-.113-.008-.223-.015-.333A3.45 3.45 0 0 0 26.7 9.416a3.72 3.72 0 0 0-4.04-.026c-.286.183-.568.359-.846.538l7.265-4.862l.015-.007l.095-.062l.33-.209l.845-.541c2.28-1.456 5.398-.037 5.621 2.663q.014.164.015.333"/><path fill="url(#SVGQ8RcocoI)" d="m29.078 5.067l-7.265 4.861q-.076.048-.146.095h-.008a6 6 0 0 1-.234.154l-.01.007l-.026.015l-.015.011q-1.209.774-2.423 1.547c-.157.1-.319.202-.494.253c-.18.051-.384.047-.538-.051c-.128-.08-.209-.213-.275-.348a3 3 0 0 1-.124-.289a4.06 4.06 0 0 0-1.512-2.162a4 4 0 0 0-.424-.278c-.008 0-.015-.01-.022-.015h-.007a4 4 0 0 0-.429-.204c-.033-.015-.07-.026-.102-.037a4 4 0 0 0-.48-.146a4 4 0 0 0-.355-.07q-.064-.011-.124-.018a4 4 0 0 0-.476-.03H0V7.244C0 5.023 1.8 3.22 4.027 3.22h17.267q.241 0 .476.03q.06.011.12.018q.183.026.36.07l.124.032a5 5 0 0 1 .454.15a4 4 0 0 1 .457.22q.225.128.429.278q.032.026.065.05a4.1 4.1 0 0 1 1.443 2.112q.058.149.128.289a.8.8 0 0 0 .27.347c.158.103.363.106.542.051c.176-.05.337-.15.494-.252c.809-.512 1.614-1.032 2.423-1.547"/></g><defs><radialGradient id="SVG48Pa3cGW" cx="0" cy="0" r="1" gradientTransform="matrix(12.2235 -21.2711 26.1185 19.9616 5.152 32.156)" gradientUnits="userSpaceOnUse"><stop stop-color="#b8c6e5"/><stop offset=".419" stop-color="#9388f2"/><stop offset=".716" stop-color="#6d4aff"/></radialGradient><radialGradient id="SVG9RXdTcPz" cx="0" cy="0" r="1" gradientTransform="matrix(25.683 -24.9558 28.6578 38.4869 -2.264 35.618)" gradientUnits="userSpaceOnUse"><stop stop-color="#82f8e1"/><stop offset="1" stop-color="#6e45e2"/></radialGradient><linearGradient id="SVGXZjbXbcA" x1="22" x2="36" y1="26.5" y2="30.5" gradientUnits="userSpaceOnUse"><stop stop-color="#a186ec"/><stop offset="1" stop-color="#93e6e2"/></linearGradient><linearGradient id="SVGQ8RcocoI" x1="8" x2="12.5" y1="0" y2="22" gradientUnits="userSpaceOnUse"><stop offset=".119" stop-color="#9997e7"/><stop offset=".561" stop-color="#89d4de"/></linearGradient><clipPath id="SVG3M9xbd8S"><path fill="#fff" d="M0 0h36v36H0z"/></clipPath></defs></g></svg>Proton Meet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:proton-meet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:proton-meet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:proton-meet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--proton-meet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:proton-meet"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:proton-meet"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/proton-meet.svg" alt="Proton Meet アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Proton Meet アイコン
Proton Meet アイコン のよくある質問
Proton Meet アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Proton Meet アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:proton-meet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Proton Meet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/proton-meet.svg" alt="Proton Meet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。