Astrazeneca アイコン

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

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

thesvg-color:astrazeneca

Astrazeneca アイコン(thesvg-color:astrazeneca)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 300 × 43 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 300 × 43

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="43" viewBox="0 0 300 43"><path fill="#8a0051" fill-rule="evenodd" d="m13.248 23.65l5.996-16.28l5.719 16.28zm17.541 16.406h5.497L22.018.866h-5.437L1.65 40.056H7.2l4.384-12.01h14.932zm17.45-13.535c-5.095-1.101-10.357-2.304-10.357-8.449c0-5.396 4.563-8.798 11.456-8.798c4.458 0 8.716 1.66 10.84 5.718l-4.634 1.934c-.372-1.084-2.771-3.812-6.774-3.812c-3.923 0-5.887 2.321-5.887 4.331c0 2.822 3.73 3.997 6.912 4.638c6.587 1.325 12.314 3.01 12.314 9.22c0 4.826-4.287 9.36-12.475 9.36c-6.029 0-10.312-2.016-12.373-6.23l5.287-.922c1.328 2.308 3.727 3.308 7.302 3.308c4.433 0 7.025-1.69 7.025-4.892c.002-3.386-4.252-4.458-8.637-5.406m24.85-16.344h5.414v4.167H73.09v16.953c0 3.516 0 5.024 2.138 5.024c.944 0 2.27-.38 3.275-.69v4.125c-.881.124-2.962.502-4.851.502c-5.79 0-5.79-2.814-5.727-6.698V14.344H63.2v-4.167h4.723V3.06L73.089.91zm14.926.076v5.336c2.831-5.63 8.185-5.756 10.199-5.819v5.163c-4.91.033-7.317 1.04-8.938 3.68c-1.331 2.156-1.26 5.186-1.26 7.745v13.698h-5V10.253zM127.801.872h28.217V5.76l-22.18 29.594h22.737v4.702h-28.791v-5.091l22.289-29.262h-22.272zm65.116 9.587v4.33c2.783-4.865 7.524-5.307 9.292-5.307c3.793 0 8.337 1.898 9.787 6.815c.508 1.76.508 3.583.508 6.099v17.66h-4.986V23.213c0-3.02 0-3.898-.317-4.906c-.884-2.827-3.664-4.084-6.383-4.084c-2.21 0-4.108.69-5.69 2.261c-2.213 2.201-2.213 4.46-2.213 6.667v16.905h-5V10.459zm77.096 24.321c-1.866 2.93-5.256 5.88-11.359 5.88c-10.531 0-14.509-8.116-14.509-15.407c0-8.424 4.583-16.059 14.07-16.059c3.72 0 8.931 1.121 11.815 5.926l-4.685 1.956c-.886-1.952-2.793-4.208-6.942-4.208c-8.22 0-8.7 9.366-8.7 12.009c0 9.82 5.641 11.942 9.012 11.942c3.858 0 5.83-1.85 6.87-3.89zM163.759 22.104h15.803c-.441-7.796-4.935-9.113-7.932-9.113c-4.277.002-7.307 3.14-7.871 9.113m19.917 12.29c-1.705 2.902-4.995 6.232-11.483 6.232c-8.796 0-13.855-5.978-13.855-16c0-11.195 7.385-15.474 13.67-15.474c5.464 0 10.703 3.02 12.464 10.5c.568 2.516.568 4.785.568 6.044h-21.406c-.124 4.978 1.962 11.277 9 11.155c2.873-.05 4.895-1.353 6.185-3.396zm36.93-12.29h15.806c-.44-7.796-4.933-9.113-7.932-9.113c-4.273.002-7.305 3.14-7.873 9.113m19.92 12.29c-1.704 2.902-4.993 6.232-11.48 6.232c-8.796 0-13.858-5.978-13.858-16c0-11.195 7.385-15.474 13.669-15.474c5.466 0 10.7 3.02 12.464 10.5c.566 2.516.566 4.785.566 6.044h-21.406c-.126 4.978 1.967 11.277 9 11.155c2.872-.05 4.9-1.353 6.186-3.396zm56.815 5.693l-5.2.02s-.45-2.1-.595-4.393c-1.51 1.569-4.312 4.813-9.975 4.813c-5.791 0-10.088-3.435-10.088-8.467c0-1.579.442-3.149 1.325-4.476c1.707-2.52 4.865-4.536 13.737-5.227l4.715-.378v-.756c0-3.087 0-8.25-6.648-8.25c-4.181 0-5.606 2.028-6.088 3.86l-4.605-1.923a10 10 0 0 1 .244-.489c1.769-3.273 5.238-5.289 10.257-5.289c2.763 0 6.34.695 8.671 2.52c3.318 2.514 3.238 7.467 3.238 7.467l.2 15.284c0 .003.178 4.44.812 5.684m-6.836-8.216c.755-1.637.82-2.33.82-6.68c-1.947.315-4.58.692-7.802 1.387c-5.538 1.195-6.482 3.28-6.482 5.357c0 2.394 1.89 4.412 5.6 4.412c3.464 0 6.42-1.386 7.864-4.476m-166.252 8.216l-5.2.02s-.451-2.1-.595-4.393c-1.51 1.569-4.309 4.813-9.973 4.813c-5.795 0-10.09-3.435-10.09-8.467c0-1.579.442-3.149 1.327-4.476c1.707-2.52 4.863-4.536 13.73-5.227l4.722-.378v-.756c0-3.087 0-8.25-6.652-8.25c-4.182 0-5.602 2.028-6.089 3.86l-4.604-1.923q.113-.24.245-.489c1.77-3.273 5.24-5.289 10.256-5.289c2.761 0 6.342.695 8.67 2.52c3.319 2.514 3.239 7.467 3.239 7.467l.2 15.284c0 .003.178 4.44.814 5.684m-6.836-8.216c.759-1.637.817-2.33.817-6.68c-1.942.315-4.579.692-7.797 1.387c-5.535 1.195-6.48 3.28-6.48 5.357c0 2.394 1.885 4.412 5.596 4.412c3.462 0 6.418-1.386 7.864-4.476" clip-rule="evenodd"/></svg>

Astrazeneca アイコンの使い方

React

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

<Icon icon="thesvg-color:astrazeneca" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:astrazeneca" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:astrazeneca" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--astrazeneca]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:astrazeneca"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:astrazeneca"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/astrazeneca.svg" alt="Astrazeneca アイコン" width="24" height="24">

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →