Meetandy アイコン
thesvg-color:meetandy
Meetandy アイコン(thesvg-color:meetandy)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1024 × 1024 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><linearGradient id="SVGU30aEcgf"><stop offset=".11" stop-color="#d6d9dc"/><stop offset=".65" stop-color="#f1f2f3"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGVpxUWbAe" x1="592.423" x2="751.002" y1="763.034" y2="671.475" gradientUnits="userSpaceOnUse" href="#SVGU30aEcgf"/><linearGradient id="SVGKSyMZbvW"><stop offset=".57" stop-color="#e9ebf0" stop-opacity="0"/><stop offset=".79" stop-color="#e9ebf0"/></linearGradient><linearGradient id="SVG1La28cQP" x1="672.615" x2="655.629" y1="808.499" y2="614.259" gradientUnits="userSpaceOnUse" href="#SVGKSyMZbvW"/><linearGradient id="SVG4fthvbAm" x1="431.578" x2="272.999" y1="763.034" y2="671.475" gradientUnits="userSpaceOnUse" href="#SVGU30aEcgf"/><linearGradient id="SVGxTJvicYK" x1="351.386" x2="368.371" y1="808.499" y2="614.259" gradientUnits="userSpaceOnUse" href="#SVGKSyMZbvW"/><radialGradient id="SVGne2R4dkg" cx="0" cy="0" r="1" gradientTransform="rotate(-19.38 1299.243 -1295.52)scale(359.685 335.706)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".55" stop-color="#fff"/><stop offset=".82" stop-color="#e9ebf0"/></radialGradient><linearGradient id="SVGeJ1Yxe8H"><stop offset="0" stop-color="#d6d9dc"/><stop offset=".55" stop-color="#f1f2f3"/><stop offset=".9" stop-color="#fff"/></linearGradient><linearGradient id="SVGdMAA8d4f" x1="725.722" x2="807.091" y1="690.24" y2="608.871" gradientUnits="userSpaceOnUse" href="#SVGeJ1Yxe8H"/><linearGradient id="SVGhFAqxejT"><stop offset=".62" stop-color="#e9ebf0" stop-opacity="0"/><stop offset=".88" stop-color="#e9ebf0"/></linearGradient><linearGradient id="SVGNAlO3pVb" x1="792.653" x2="735.078" y1="732.8" y2="574.631" gradientUnits="userSpaceOnUse" href="#SVGhFAqxejT"/><linearGradient id="SVGKM85lcgU" x1="298.279" x2="216.909" y1="690.24" y2="608.871" gradientUnits="userSpaceOnUse" href="#SVGeJ1Yxe8H"/><linearGradient id="SVGkthYGeBA" x1="231.348" x2="288.922" y1="732.8" y2="574.631" gradientUnits="userSpaceOnUse" href="#SVGhFAqxejT"/><radialGradient id="SVGuNeTkd4D" cx="0" cy="0" r="1" gradientTransform="matrix(281.933 0 0 397.875 511.849 450.553)" gradientUnits="userSpaceOnUse"><stop offset=".85" stop-color="#f1f3f6" stop-opacity="0"/><stop offset=".9" stop-color="#f1f3f6"/></radialGradient><linearGradient id="SVG9hK2jbKy" x1="426.663" x2="597.338" y1="743.424" y2="743.424" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#e9ebf0"/><stop offset=".5" stop-color="#f0f0f0"/><stop offset=".95" stop-color="#e9ebf0"/></linearGradient><linearGradient id="SVGE4dyv8Dh" x1="512.001" x2="512.001" y1="827.546" y2="659.29" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#e9ebf0" stop-opacity="0"/><stop offset=".92" stop-color="#e9ebf0"/></linearGradient><linearGradient id="SVGJf6SsdvN" x1="512.001" x2="512.001" y1="827.546" y2="659.29" gradientUnits="userSpaceOnUse"><stop offset=".04" stop-color="#d6d9dc"/><stop offset=".24" stop-color="#d6d9dc" stop-opacity=".58"/><stop offset=".4" stop-color="#d6d9dc" stop-opacity=".27"/><stop offset=".52" stop-color="#d6d9dc" stop-opacity=".07"/><stop offset=".58" stop-color="#d6d9dc" stop-opacity="0"/></linearGradient><mask id="SVGywb902go" width="556" height="469" x="234" y="197" maskUnits="userSpaceOnUse"><path fill="#fff" d="M789.799 197.12H234.215v468.339h555.584z"/></mask><g fill="none"><path fill="#4a57ff" d="M509.133 1020.83C182.349 1020.83 0 819.341 0 511.693S182.349 2.56 509.133 2.56h5.734C841.651 2.56 1024 204.045 1024 511.693S841.651 1020.83 514.867 1020.83z"/><path fill="url(#SVGVpxUWbAe)" d="M674.906 612.57s-.576 19.097 25.305 29.299c25.063 9.882 73.716 32.422 67.162 87.398c-.013 1.856-.166 3.789-.282 5.735c-1.715 29.555-18.662 55.488-46.656 66.214c-25.74 9.869-55.859 5.338-80.089-6.605c-16.013-7.884-30.195-19.161-42.291-32.243c-4.826-5.209-9.332-10.675-13.76-16.217c-15.412-19.277-24.589-42.804-26.432-67.418l-.64-8.512"/><path fill="url(#SVG1La28cQP)" d="M674.906 612.57s-.576 19.097 25.305 29.299c25.063 9.882 73.716 32.422 67.162 87.398c-.013 1.856-.166 3.789-.282 5.735c-1.715 29.555-18.662 55.488-46.656 66.214c-25.74 9.869-55.859 5.338-80.089-6.605c-16.013-7.884-30.195-19.161-42.291-32.243c-4.826-5.209-9.332-10.675-13.76-16.217c-15.412-19.277-24.589-42.804-26.432-67.418l-.64-8.512"/><path fill="url(#SVG4fthvbAm)" d="M349.095 612.57s.576 19.097-25.306 29.299c-25.062 9.882-73.715 32.422-67.162 87.398c.013 1.856.167 3.789.282 5.735c1.715 29.555 18.662 55.488 46.656 66.214c25.741 9.869 55.859 5.338 80.09-6.605c16.012-7.884 30.195-19.161 42.291-32.243c4.825-5.209 9.331-10.675 13.76-16.217c15.411-19.277 24.589-42.804 26.432-67.418l.64-8.512"/><path fill="url(#SVGxTJvicYK)" d="M349.095 612.57s.576 19.097-25.306 29.299c-25.062 9.882-73.715 32.422-67.162 87.398c.013 1.856.167 3.789.282 5.735c1.715 29.555 18.662 55.488 46.656 66.214c25.741 9.869 55.859 5.338 80.09-6.605c16.012-7.884 30.195-19.161 42.291-32.243c4.825-5.209 9.331-10.675 13.76-16.217c15.411-19.277 24.589-42.804 26.432-67.418l.64-8.512"/><g mask="url(#SVGywb902go)"><path fill="url(#SVGne2R4dkg)" d="M512 697.37c144.418 0 261.491-111.985 261.491-250.125S656.418 197.12 512 197.12S250.509 309.105 250.509 447.245S367.582 697.37 512 697.37"/></g><path fill="url(#SVGdMAA8d4f)" d="M674.906 615.104s29.196-17.625 45.222-25.868c5.811-2.996 10.918-7.156 14.963-12.288l2.573-3.264s-10.214 16.089 7.629 26.841c8.486 4.045 18.227 4.16 27.584 5.069c14.822 1.446 29.709 5.171 42.201 13.261c17.101 11.059 28.736 30.438 29.671 50.79c.934 20.339-9.191 41.037-26.253 52.135c-14.899 9.689-33.267 11.686-51.2 10.022c.474-58.061-45.453-75.469-70.515-85.363c-25.869-10.202-21.863-31.347-21.863-31.347z"/><path fill="url(#SVGNAlO3pVb)" d="M674.906 615.104s29.196-17.625 45.222-25.868c5.811-2.996 10.918-7.156 14.963-12.288l2.573-3.264s-10.214 16.089 7.629 26.841c8.486 4.045 18.227 4.16 27.584 5.069c14.822 1.446 29.709 5.171 42.201 13.261c17.101 11.059 28.736 30.438 29.671 50.79c.934 20.339-9.191 41.037-26.253 52.135c-14.899 9.689-33.267 11.686-51.2 10.022c.474-58.061-45.453-75.469-70.515-85.363c-25.869-10.202-21.863-31.347-21.863-31.347z"/><path fill="url(#SVGKM85lcgU)" d="M349.095 615.104s-29.197-17.625-45.222-25.868c-5.812-2.996-10.919-7.156-14.964-12.288l-2.572-3.264s10.214 16.089-7.629 26.841c-8.487 4.045-18.227 4.16-27.584 5.069c-14.823 1.446-29.709 5.171-42.202 13.261c-17.088 11.072-28.736 30.451-29.657 50.79c-.935 20.339 9.19 41.037 26.252 52.135c14.9 9.689 33.268 11.686 51.2 10.022c-.473-58.061 45.453-75.469 70.516-85.363c25.868-10.202 21.862-31.347 21.862-31.347z"/><path fill="url(#SVGkthYGeBA)" d="M349.095 615.104s-29.197-17.625-45.222-25.868c-5.812-2.996-10.919-7.156-14.964-12.288l-2.572-3.264s10.214 16.089-7.629 26.841c-8.487 4.045-18.227 4.16-27.584 5.069c-14.823 1.446-29.709 5.171-42.202 13.261c-17.088 11.072-28.736 30.451-29.657 50.79c-.935 20.339 9.19 41.037 26.252 52.135c14.9 9.689 33.268 11.686 51.2 10.022c-.473-58.061 45.453-75.469 70.516-85.363c25.868-10.202 21.862-31.347 21.862-31.347z"/><path fill="url(#SVGuNeTkd4D)" d="M512 697.37c144.418 0 261.491-111.985 261.491-250.125S656.418 197.12 512 197.12S250.509 309.105 250.509 447.245S367.582 697.37 512 697.37"/><path fill="url(#SVG9hK2jbKy)" d="M582.887 659.29H441.114c-.473 10.419-2.957 27.354-10.457 54.566c-18.599 67.405 31.206 113.69 81.344 113.69s99.955-46.272 81.344-113.69c-7.514-27.2-9.984-44.147-10.458-54.566"/><path fill="url(#SVGE4dyv8Dh)" d="M582.887 659.29H441.114c-.473 10.419-2.957 27.354-10.457 54.566c-18.599 67.405 31.206 113.69 81.344 113.69s99.955-46.272 81.344-113.69c-7.514-27.2-9.984-44.147-10.458-54.566"/><path fill="url(#SVGJf6SsdvN)" d="M582.887 659.29H441.114c-.473 10.419-2.957 27.354-10.457 54.566c-18.599 67.405 31.206 113.69 81.344 113.69s99.955-46.272 81.344-113.69c-7.514-27.2-9.984-44.147-10.458-54.566"/><path fill="#4a57ff" fill-rule="evenodd" d="M394.163 414.132c14.237 0 25.779-11.542 25.779-25.78c0-14.237-11.542-25.779-25.779-25.779s-25.779 11.542-25.779 25.779s11.542 25.78 25.779 25.78m235.674 0c14.237 0 25.779-11.542 25.779-25.78c0-14.237-11.542-25.779-25.779-25.779s-25.78 11.542-25.78 25.779s11.542 25.78 25.78 25.78M466.13 440.82c-6.638-2.993-14.445-.038-17.438 6.599c-2.994 6.638-.039 14.445 6.599 17.438c17.655 7.962 36.763 12.34 56.709 12.34c19.945 0 39.054-4.378 56.709-12.34c6.638-2.993 9.592-10.8 6.599-17.438s-10.8-9.592-17.438-6.599c-14.422 6.503-29.848 10.009-45.87 10.009c-16.023 0-31.449-3.506-45.87-10.009" clip-rule="evenodd"/></g></svg>Meetandy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:meetandy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:meetandy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:meetandy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--meetandy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:meetandy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:meetandy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/meetandy.svg" alt="Meetandy アイコン" width="24" height="24">Meetandy アイコン のよくある質問
Meetandy アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Meetandy アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:meetandy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Meetandy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/meetandy.svg" alt="Meetandy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。