Blueberries アイコン

Q: Blueberries アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:blueberries

Blueberries アイコン(fluent-emoji:blueberries)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: blueberry

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#7A63B4" d="M26.394 2.063c-.55.01-.818.448-.852.672l2.22 1.67l1.535 2.096c.285-.106.566-.375.616-.644c.079-.521-.061-.751-.258-.947c-.196-.196-.358-.247-.88-.253c.438-.252.718-.711.6-1.266c0 0-.123-.56-.69-.723c-.487-.151-1.019 0-1.338.588c.022-.269-.05-.627-.107-.706s-.297-.498-.846-.487"/><path fill="url(#iZPtpQb)" d="M26.394 2.063c-.55.01-.818.448-.852.672l2.22 1.67l1.535 2.096c.285-.106.566-.375.616-.644c.079-.521-.061-.751-.258-.947c-.196-.196-.358-.247-.88-.253c.438-.252.718-.711.6-1.266c0 0-.123-.56-.69-.723c-.487-.151-1.019 0-1.338.588c.022-.269-.05-.627-.107-.706s-.297-.498-.846-.487"/><path fill="url(#iu2Owkc)" d="M26.394 2.063c-.55.01-.818.448-.852.672l2.22 1.67l1.535 2.096c.285-.106.566-.375.616-.644c.079-.521-.061-.751-.258-.947c-.196-.196-.358-.247-.88-.253c.438-.252.718-.711.6-1.266c0 0-.123-.56-.69-.723c-.487-.151-1.019 0-1.338.588c.022-.269-.05-.627-.107-.706s-.297-.498-.846-.487"/><path fill="url(#iLSRhLb)" d="M26.394 2.063c-.55.01-.818.448-.852.672l2.22 1.67l1.535 2.096c.285-.106.566-.375.616-.644c.079-.521-.061-.751-.258-.947c-.196-.196-.358-.247-.88-.253c.438-.252.718-.711.6-1.266c0 0-.123-.56-.69-.723c-.487-.151-1.019 0-1.338.588c.022-.269-.05-.627-.107-.706s-.297-.498-.846-.487"/><path fill="url(#i8RNiTc)" d="M22.655 16.68a7.34 7.34 0 1 0 0-14.68a7.34 7.34 0 0 0 0 14.68"/><path fill="url(#ir3Kohe)" d="M22.655 16.68a7.34 7.34 0 1 0 0-14.68a7.34 7.34 0 0 0 0 14.68"/><path fill="url(#irvLvBc)" d="M9.985 19.14a7.98 7.98 0 1 0 0-15.96a7.98 7.98 0 0 0 0 15.96"/><path fill="url(#i0HQjbb)" d="M9.985 19.14a7.98 7.98 0 1 0 0-15.96a7.98 7.98 0 0 0 0 15.96"/><path fill="#A97DE4" d="M10.297 7.051c-.227-.405-.132-1.441-1.194-1.926s-1.6.136-2.06.258c-.462.123-1.51-.278-2.222.574c-.711.85-.336 1.522-.394 2.12c-.059.596-.574 1.084-.186 2.034s1.527.937 1.986 1.152s1.194 1.12 2.062.823c.868-.296 1.22-1.186 1.528-1.484s1.565-.699 1.438-1.93c-.126-1.23-.732-1.215-.959-1.62"/><path fill="url(#iISDqgc)" d="M7.285 10.89a2.43 2.43 0 1 0 0-4.86a2.43 2.43 0 0 0 0 4.86"/><path fill="url(#iVF9jqd)" d="M18.695 30a8.97 8.97 0 1 0 0-17.94a8.97 8.97 0 0 0 0 17.94"/><path fill="url(#i2uakBe)" d="M18.695 30a8.97 8.97 0 1 0 0-17.94a8.97 8.97 0 0 0 0 17.94"/><path fill="url(#iIIBtJe)" d="M18.695 30a8.97 8.97 0 1 0 0-17.94a8.97 8.97 0 0 0 0 17.94"/><path fill="url(#itqRkDe)" d="M23.74 14.838c-.561-.404-1.089-1.862-2.828-1.845c-1.74.018-2.074 1.195-2.619 1.652s-2.214.58-2.636 2.179c-.421 1.599.51 2.267.809 3.11c.299.844-.088 1.828 1.037 2.864c1.124 1.037 2.653.3 3.409.3s2.32.755 3.303-.194s.896-2.372 1.125-2.97c.228-.597 1.67-1.933.72-3.514c-.949-1.582-1.757-1.178-2.32-1.582"/><path fill="url(#ixgQJLd)" d="M20.965 22.06a3.61 3.61 0 1 0 0-7.22a3.61 3.61 0 0 0 0 7.22"/><g filter="url(#iPxXw4d)"><path stroke="url(#ibnuKgd)" stroke-linecap="round" stroke-width=".2" d="M21.477 13.227c.625.127 1.644 1.22 1.78 1.484c.138.264.415.494.59.494c.219 0 1.442.147 2.036 1.28c.193.368.392 1.342.086 2.054"/></g><g filter="url(#iM6kJAb)"><path stroke="url(#iGs8ONb)" stroke-linecap="round" stroke-width=".2" d="M9.302 5.23c.35.283.63 1.32.629 1.535s.097.454.207.51c.137.07.858.557.857 1.483c0 .302-.197.998-.626 1.363"/></g><defs><radialGradient id="iZPtpQb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.96875 1.65625 -1.6393 -1.9486 28.969 3.281)" gradientUnits="userSpaceOnUse"><stop stop-color="#8F7EBF"/><stop offset=".676" stop-color="#755CAF"/><stop offset="1" stop-color="#8672B9" stop-opacity="0"/></radialGradient><radialGradient id="iu2Owkc" cx="0" cy="0" r="1" gradientTransform="rotate(100.008 12.294 12.604)scale(1.07892 1.06787)" gradientUnits="userSpaceOnUse"><stop stop-color="#8978B8"/><stop offset="1" stop-color="#8A79B9" stop-opacity="0"/></radialGradient><radialGradient id="iLSRhLb" cx="0" cy="0" r="1" gradientTransform="rotate(173.83 14.655 3.438)scale(1.16299 1.15108)" gradientUnits="userSpaceOnUse"><stop stop-color="#9280C3"/><stop offset="1" stop-color="#9483C4" stop-opacity="0"/></radialGradient><radialGradient id="i8RNiTc" cx="0" cy="0" r="1" gradientTransform="translate(31.847 .638)scale(19.0985)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C65C9"/><stop offset="1" stop-color="#625996"/></radialGradient><radialGradient id="ir3Kohe" cx="0" cy="0" r="1" gradientTransform="rotate(141.234 12.026 7.743)scale(10.5808)" gradientUnits="userSpaceOnUse"><stop offset=".095" stop-color="#A38DD9"/><stop offset=".588" stop-color="#7E65B8"/><stop offset="1" stop-color="#4D348E"/></radialGradient><radialGradient id="irvLvBc" cx="0" cy="0" r="1" gradientTransform="rotate(135.428 6.06 7.301)scale(11.8444)" gradientUnits="userSpaceOnUse"><stop stop-color="#A38DD9"/><stop offset="1" stop-color="#714BB3"/></radialGradient><radialGradient id="i0HQjbb" cx="0" cy="0" r="1" gradientTransform="rotate(72.449 -4.871 19.3)scale(9.83269)" gradientUnits="userSpaceOnUse"><stop offset=".117" stop-color="#532EA8"/><stop offset=".501" stop-color="#573A9C" stop-opacity=".581"/><stop offset=".631" stop-color="#583B9C" stop-opacity=".252"/><stop offset=".963" stop-color="#583B9C" stop-opacity="0"/></radialGradient><radialGradient id="iISDqgc" cx="0" cy="0" r="1" gradientTransform="rotate(-42.064 15.545 -2.231)scale(4.64685)" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#716380"/><stop offset=".625" stop-color="#4B2E68"/><stop offset="1" stop-color="#351A50"/></radialGradient><radialGradient id="iVF9jqd" cx="0" cy="0" r="1" gradientTransform="translate(29.522 12.444)scale(25.3866)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C65C9"/><stop offset="1" stop-color="#625996"/></radialGradient><radialGradient id="i2uakBe" cx="0" cy="0" r="1" gradientTransform="rotate(133.559 8.148 13.782)scale(14.0582)" gradientUnits="userSpaceOnUse"><stop stop-color="#9E87D8"/><stop offset=".467" stop-color="#8D65DA"/><stop offset=".697" stop-color="#7F58CA"/><stop offset="1" stop-color="#7B48CA"/></radialGradient><radialGradient id="iIIBtJe" cx="0" cy="0" r="1" gradientTransform="rotate(-140.981 15.913 8.677)scale(23.3289)" gradientUnits="userSpaceOnUse"><stop offset=".265" stop-opacity="0"/><stop offset=".402" stop-color="#715BA7" stop-opacity="0"/><stop offset=".615" stop-color="#7862AD"/></radialGradient><radialGradient id="itqRkDe" cx="0" cy="0" r="1" gradientTransform="matrix(3.16001 -.0625 .06515 3.29422 20.965 18.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#B382F3"/><stop offset="1" stop-color="#AF7FF0"/></radialGradient><radialGradient id="ixgQJLd" cx="0" cy="0" r="1" gradientTransform="rotate(-42.064 35.814 -13.563)scale(6.90335)" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#716380"/><stop offset=".625" stop-color="#4B2E68"/><stop offset="1" stop-color="#351A50"/></radialGradient><linearGradient id="ibnuKgd" x1="21.781" x2="26.281" y1="13.453" y2="18.031" gradientUnits="userSpaceOnUse"><stop stop-color="#B993F4" stop-opacity="0"/><stop offset=".169" stop-color="#C7A7F9"/><stop offset=".413" stop-color="#AE97F6" stop-opacity="0"/><stop offset=".718" stop-color="#CDAEFF"/><stop offset="1" stop-color="#C19CFA" stop-opacity="0"/></linearGradient><linearGradient id="iGs8ONb" x1="9.418" x2="10.876" y1="5.475" y2="9.844" gradientUnits="userSpaceOnUse"><stop stop-color="#B993F4" stop-opacity="0"/><stop offset=".169" stop-color="#C7A7F9"/><stop offset=".413" stop-color="#AE97F6" stop-opacity="0"/><stop offset=".718" stop-color="#CDAEFF"/><stop offset="1" stop-color="#C19CFA" stop-opacity="0"/></linearGradient><filter id="iPxXw4d" width="5.25" height="5.913" x="21.177" y="12.927" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32653" stdDeviation=".1"/></filter><filter id="iM6kJAb" width="2.293" height="5.491" x="9.002" y="4.93" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32653" stdDeviation=".1"/></filter></defs></g></svg>

Blueberries アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:blueberries" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:blueberries" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:blueberries" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--blueberries]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:blueberries"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:blueberries"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/blueberries.svg" alt="Blueberries アイコン" width="24" height="24">

他のアイコンセットの Blueberries アイコン

Blueberries アイコンのよくある質問

Blueberries アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Blueberries アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:blueberries" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Blueberries アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/blueberries.svg" alt="Blueberries アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →