Blueberries アイコン
twemoji:blueberries
Blueberries アイコン(twemoji:blueberries)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 飲食
- タグ
- blueberry
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#5c913b" d="M8.089 1s5.858.616 8.54 4.06c3.206 4.117.891 7.962.891 7.962s-4.825-.425-7.03-3.157C7.287 5.896 8.089 1 8.089 1"/><path fill="#77b255" d="M21.901 1s.913 4.617-1.006 7.47c-2.293 3.41-5.676 2.54-5.676 2.54s-.813-3.784.691-6.106C18.096 1.53 21.901 1 21.901 1"/><ellipse cx="23.737" cy="11.536" fill="#5864b7" rx="6.916" ry="6.027"/><path fill="#334372" d="M19.34 16.996c0-.851-.124-1.64-.34-2.373a12.6 12.6 0 0 1 3.983-.641c2.263 0 4.355.55 6.073 1.562C27.818 17.147 25.7 18 23.292 18c-1.476 0-2.834-.331-3.955-.949z"/><path fill="#334372" d="M21.761 16.558c0 .27-.017.531-.04.789c-2.836-.632-4.901-2.641-4.901-5.811c0-.778.129-1.483.359-2.119c2.732 1.246 4.582 3.739 4.582 7.141"/><ellipse cx="10.892" cy="16.558" fill="#5864b7" rx="8.892" ry="8.035"/><path fill="#334372" d="M10.892 24.091c0-5.278 3.75-8.713 8.687-9.406c.132.589.206 1.213.206 1.872c0 4.984-3.968 8.024-8.867 8.034c-.008-.166-.026-.329-.026-.5"/><ellipse cx="17.507" cy="21.519" fill="#aa8dd8" rx="2.525" ry="2.5" transform="rotate(-60 17.507 21.52)"/><ellipse cx="22.44" cy="25.095" fill="#5864b7" rx="10.56" ry="9.542"/><path fill="#334372" d="M17.043 19.746c.702-1.228 1.699-.59 2.881-1.366c.95-.624 1.079-1.574 2.079-1.574s1.604.832 2.168 1.04c1.327.489 2.119-.228 3.119.772s-.772 1.901-.921 2.673c-.189.982 1.04 1.693.178 2.168c-1.237.683-1.549-.556-3.547-.459c-1.502.073-2.096 1.528-3.403 1.082c-1.339-.456.475-1.752-.327-2.584c-.981-1.018-2.702-.92-2.227-1.752m-10.871-7.99c.445-1.036 1.065-.439 1.932-1.161c.696-.581.712-1.345 1.504-1.436s1.346.514 1.812.627c1.096.267 1.88-.08 2.541.329c.959.594-.138 1.312-.186 1.937c-.061.795.676 1.511.036 1.966c-.919.654-1.492-.174-3.066.083c-1.183.194-1.271 1.037-2.347.802c-1.102-.24-.151-1.315-.861-1.901c-.869-.716-1.667-.544-1.365-1.246M24.39 6.679c.831-.296.818.377 1.693.49c.703.091 1.15-.307 1.624.1c.473.406.421 1.045.604 1.373c.429.77 1.046 1.036 1.162 1.632c.17.866-.826.618-1.21.924c-.488.388-.508 1.191-1.108 1.066c-.864-.18-.693-.948-1.678-1.714c-.74-.576-1.27-.177-1.708-.919c-.448-.76.674-.785.632-1.505c-.051-.881-.573-1.247-.011-1.447"/><ellipse cx="22.667" cy="20.182" fill="#253356" rx="3.758" ry="2.387"/><ellipse cx="10.455" cy="11.945" fill="#253356" rx="2.818" ry="1.791"/><ellipse cx="26.7" cy="9.278" fill="#253356" rx="1.293" ry="2.035" transform="rotate(-40.137 26.699 9.278)"/></svg>Blueberries アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:blueberries" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:blueberries" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:blueberries" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--blueberries]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:blueberries"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:blueberries"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/blueberries.svg" alt="Blueberries アイコン" width="24" height="24">他のアイコンセットの Blueberries アイコン
Blueberries アイコン のよくある質問
Blueberries アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Blueberries アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:blueberries" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blueberries アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/blueberries.svg" alt="Blueberries アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。