Twotone Volunteer Activism アイコン

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

はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ic:twotone-volunteer-activism

Twotone Volunteer Activism アイコン(ic:twotone-volunteer-activism)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 地図
タグ: activism、donation、fingers、gesture、giving、hand、hands、heart、love、sharing、volunteer、maps、twotonevolunteer、volunteeractivism、twotonevolunteeractivism

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 13h2v7H3zm13-2.71c1.96-1.82 4-3.88 4-4.99c0-.74-.56-1.3-1.3-1.3c-.44 0-.89.21-1.18.55L16 6.34l-1.52-1.79A1.6 1.6 0 0 0 13.3 4c-.74 0-1.3.56-1.3 1.3c0 1.11 2.04 3.17 4 4.99M19 18h-5.35c-.54 0-1.07-.09-1.58-.26l-2.38-.79l.63-1.9l2.38.79c.31.1.63.15.95.15H15c0-.37-.23-.7-.57-.83L8.61 13H7v5.48l6.97 1.94l5.93-1.85A1 1 0 0 0 19 18" opacity=".3"/><path fill="currentColor" d="M16 13c3.09-2.81 6-5.44 6-7.7C22 3.45 20.55 2 18.7 2c-1.04 0-2.05.49-2.7 1.25A3.62 3.62 0 0 0 13.3 2C11.45 2 10 3.45 10 5.3c0 2.26 2.91 4.89 6 7.7m-2.7-9c.44 0 .89.21 1.18.55L16 6.34l1.52-1.79c.29-.34.74-.55 1.18-.55c.74 0 1.3.56 1.3 1.3c0 1.12-2.04 3.17-4 4.99c-1.96-1.82-4-3.88-4-4.99c0-.74.56-1.3 1.3-1.3M19 16h-2c0-1.2-.75-2.28-1.87-2.7L8.97 11H1v11h6v-1.44l7 1.94l8-2.5v-1c0-1.66-1.34-3-3-3M5 20H3v-7h2zm8.97.41L7 18.48V13h1.61l5.82 2.17c.34.13.57.46.57.83h-1.35c-.32 0-.64-.05-.95-.15l-2.38-.79l-.63 1.9l2.38.79c.51.17 1.04.26 1.58.26H19c.39 0 .74.23.9.56z"/></svg>

Twotone Volunteer Activism アイコンの使い方

React

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

<Icon icon="ic:twotone-volunteer-activism" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-volunteer-activism" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-volunteer-activism" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-volunteer-activism]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-volunteer-activism"></div>

Web コンポーネント

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

<iconify-icon icon="ic:twotone-volunteer-activism"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-volunteer-activism.svg" alt="Twotone Volunteer Activism アイコン" width="24" height="24">

Google Material Icons の関連アイコン

Twotone Volunteer Activism アイコンのよくある質問

Twotone Volunteer Activism アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Twotone Volunteer Activism アイコンを使うには?

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

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

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

Google Material Icons をすべて見る →