slug logo

slug from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
slug
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the slug logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f9a825" d="m9.164 21.221l-.983-.056c-3.402-.19-5.654-.714-6.125-1.427c-.136-.205-.146-.515-.022-.681c.115-.154.377-.28.744-.355l.313-.064l.373.122c1.568.517 2.903.589 4.875.263c.82-.135 1.26-.29 1.736-.613c.183-.124.26-.152.413-.152c.62-.002 1.581-.168 2.066-.357c1.392-.544 2.655-2.023 2.979-3.49c.159-.717.072-1.83-.211-2.693l-.13-.397l.028-.747c.023-.606.047-.818.126-1.123c.29-1.108.991-1.878 1.957-2.145c.374-.103 1.17-.093 1.589.02a3.34 3.34 0 0 1 1.595.941c.505.548.707 1.025.735 1.738c.021.55-.034.809-.283 1.316c-.211.43-.542.833-.909 1.107c-.15.113-.302.23-.336.26c-.052.046-.067.192-.087.837c-.014.43-.053.986-.086 1.235c-.458 3.354-2.234 5.421-5.307 6.174c-1.023.25-1.37.283-3.183.292c-.908.005-1.748.002-1.867-.005m-3.967-2.877l-.45-.07l-.3-.322c-1.514-1.613-2.085-4.002-1.43-5.98c.646-1.953 2.32-3.39 4.496-3.86c.557-.121 1.912-.133 2.437-.023a6.7 6.7 0 0 1 1.631.56c1.828.904 2.982 2.495 3.205 4.421c.111.955-.13 1.793-.763 2.651c-.712.966-1.618 1.525-2.681 1.654l-.233.028l.267-.277c.475-.495.596-.93.596-2.15c0-.683-.011-.831-.087-1.134c-.182-.721-.476-1.239-.967-1.705c-.643-.611-1.44-.923-2.349-.92c-1.295.005-2.196.828-2.196 2.006c0 .398.069.695.24 1.033c.135.269.446.62.68.769c.368.233.984.35 1.195.225a.387.387 0 0 0 .096-.61c-.09-.101-.15-.126-.364-.154c-.337-.043-.437-.086-.642-.275c-.26-.239-.395-.57-.397-.964c-.002-.269.014-.348.11-.543c.133-.27.396-.497.703-.603c.327-.114.98-.096 1.386.038c.854.281 1.456.918 1.699 1.797c.054.196.07.401.07.903c0 .57-.011.683-.092.941c-.103.327-.31.758-.488 1.019c-.295.429-.853.927-1.283 1.144c-.691.348-2.98.573-4.09.4zM19.199 6.578l-.244-.078l.14-.4c.537-1.544 1.334-2.521 2.057-2.521c.567 0 1.043.588.862 1.067c-.045.12-.244.345-.37.419c-.044.025-.31.054-.597.065c-.497.019-.524.024-.688.139c-.221.154-.503.575-.69 1.03c-.081.2-.166.361-.188.36a3 3 0 0 1-.282-.081m-2.185-.06c-.068-.115-.127-.837-.126-1.545c.001-.639.015-.863.07-1.08c.194-.765.529-1.121 1.055-1.121c.588 0 .932.42.782.957c-.072.258-.183.365-.591.568c-.312.155-.394.216-.496.369c-.176.262-.228.59-.2 1.253l.023.538l-.165.027c-.09.014-.202.035-.249.047s-.092.006-.103-.012z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeSlug(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f9a825" d="m9.164 21.221l-.983-.056c-3.402-.19-5.654-.714-6.125-1.427c-.136-.205-.146-.515-.022-.681c.115-.154.377-.28.744-.355l.313-.064l.373.122c1.568.517 2.903.589 4.875.263c.82-.135 1.26-.29 1.736-.613c.183-.124.26-.152.413-.152c.62-.002 1.581-.168 2.066-.357c1.392-.544 2.655-2.023 2.979-3.49c.159-.717.072-1.83-.211-2.693l-.13-.397l.028-.747c.023-.606.047-.818.126-1.123c.29-1.108.991-1.878 1.957-2.145c.374-.103 1.17-.093 1.589.02a3.34 3.34 0 0 1 1.595.941c.505.548.707 1.025.735 1.738c.021.55-.034.809-.283 1.316c-.211.43-.542.833-.909 1.107c-.15.113-.302.23-.336.26c-.052.046-.067.192-.087.837c-.014.43-.053.986-.086 1.235c-.458 3.354-2.234 5.421-5.307 6.174c-1.023.25-1.37.283-3.183.292c-.908.005-1.748.002-1.867-.005m-3.967-2.877l-.45-.07l-.3-.322c-1.514-1.613-2.085-4.002-1.43-5.98c.646-1.953 2.32-3.39 4.496-3.86c.557-.121 1.912-.133 2.437-.023a6.7 6.7 0 0 1 1.631.56c1.828.904 2.982 2.495 3.205 4.421c.111.955-.13 1.793-.763 2.651c-.712.966-1.618 1.525-2.681 1.654l-.233.028l.267-.277c.475-.495.596-.93.596-2.15c0-.683-.011-.831-.087-1.134c-.182-.721-.476-1.239-.967-1.705c-.643-.611-1.44-.923-2.349-.92c-1.295.005-2.196.828-2.196 2.006c0 .398.069.695.24 1.033c.135.269.446.62.68.769c.368.233.984.35 1.195.225a.387.387 0 0 0 .096-.61c-.09-.101-.15-.126-.364-.154c-.337-.043-.437-.086-.642-.275c-.26-.239-.395-.57-.397-.964c-.002-.269.014-.348.11-.543c.133-.27.396-.497.703-.603c.327-.114.98-.096 1.386.038c.854.281 1.456.918 1.699 1.797c.054.196.07.401.07.903c0 .57-.011.683-.092.941c-.103.327-.31.758-.488 1.019c-.295.429-.853.927-1.283 1.144c-.691.348-2.98.573-4.09.4zM19.199 6.578l-.244-.078l.14-.4c.537-1.544 1.334-2.521 2.057-2.521c.567 0 1.043.588.862 1.067c-.045.12-.244.345-.37.419c-.044.025-.31.054-.597.065c-.497.019-.524.024-.688.139c-.221.154-.503.575-.69 1.03c-.081.2-.166.361-.188.36a3 3 0 0 1-.282-.081m-2.185-.06c-.068-.115-.127-.837-.126-1.545c.001-.639.015-.863.07-1.08c.194-.765.529-1.121 1.055-1.121c.588 0 .932.42.782.957c-.072.258-.183.365-.591.568c-.312.155-.394.216-.496.369c-.176.262-.228.59-.2 1.253l.023.538l-.165.027c-.09.014-.202.035-.249.047s-.092.006-.103-.012z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f9a825" d="m9.164 21.221l-.983-.056c-3.402-.19-5.654-.714-6.125-1.427c-.136-.205-.146-.515-.022-.681c.115-.154.377-.28.744-.355l.313-.064l.373.122c1.568.517 2.903.589 4.875.263c.82-.135 1.26-.29 1.736-.613c.183-.124.26-.152.413-.152c.62-.002 1.581-.168 2.066-.357c1.392-.544 2.655-2.023 2.979-3.49c.159-.717.072-1.83-.211-2.693l-.13-.397l.028-.747c.023-.606.047-.818.126-1.123c.29-1.108.991-1.878 1.957-2.145c.374-.103 1.17-.093 1.589.02a3.34 3.34 0 0 1 1.595.941c.505.548.707 1.025.735 1.738c.021.55-.034.809-.283 1.316c-.211.43-.542.833-.909 1.107c-.15.113-.302.23-.336.26c-.052.046-.067.192-.087.837c-.014.43-.053.986-.086 1.235c-.458 3.354-2.234 5.421-5.307 6.174c-1.023.25-1.37.283-3.183.292c-.908.005-1.748.002-1.867-.005m-3.967-2.877l-.45-.07l-.3-.322c-1.514-1.613-2.085-4.002-1.43-5.98c.646-1.953 2.32-3.39 4.496-3.86c.557-.121 1.912-.133 2.437-.023a6.7 6.7 0 0 1 1.631.56c1.828.904 2.982 2.495 3.205 4.421c.111.955-.13 1.793-.763 2.651c-.712.966-1.618 1.525-2.681 1.654l-.233.028l.267-.277c.475-.495.596-.93.596-2.15c0-.683-.011-.831-.087-1.134c-.182-.721-.476-1.239-.967-1.705c-.643-.611-1.44-.923-2.349-.92c-1.295.005-2.196.828-2.196 2.006c0 .398.069.695.24 1.033c.135.269.446.62.68.769c.368.233.984.35 1.195.225a.387.387 0 0 0 .096-.61c-.09-.101-.15-.126-.364-.154c-.337-.043-.437-.086-.642-.275c-.26-.239-.395-.57-.397-.964c-.002-.269.014-.348.11-.543c.133-.27.396-.497.703-.603c.327-.114.98-.096 1.386.038c.854.281 1.456.918 1.699 1.797c.054.196.07.401.07.903c0 .57-.011.683-.092.941c-.103.327-.31.758-.488 1.019c-.295.429-.853.927-1.283 1.144c-.691.348-2.98.573-4.09.4zM19.199 6.578l-.244-.078l.14-.4c.537-1.544 1.334-2.521 2.057-2.521c.567 0 1.043.588.862 1.067c-.045.12-.244.345-.37.419c-.044.025-.31.054-.597.065c-.497.019-.524.024-.688.139c-.221.154-.503.575-.69 1.03c-.081.2-.166.361-.188.36a3 3 0 0 1-.282-.081m-2.185-.06c-.068-.115-.127-.837-.126-1.545c.001-.639.015-.863.07-1.08c.194-.765.529-1.121 1.055-1.121c.588 0 .932.42.782.957c-.072.258-.183.365-.591.568c-.312.155-.394.216-.496.369c-.176.262-.228.59-.2 1.253l.023.538l-.165.027c-.09.014-.202.035-.249.047s-.092.006-.103-.012z"/></svg>
</template>

CSS

.icon-slug {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f9a825%22%20d%3D%22m9.164%2021.221l-.983-.056c-3.402-.19-5.654-.714-6.125-1.427c-.136-.205-.146-.515-.022-.681c.115-.154.377-.28.744-.355l.313-.064l.373.122c1.568.517%202.903.589%204.875.263c.82-.135%201.26-.29%201.736-.613c.183-.124.26-.152.413-.152c.62-.002%201.581-.168%202.066-.357c1.392-.544%202.655-2.023%202.979-3.49c.159-.717.072-1.83-.211-2.693l-.13-.397l.028-.747c.023-.606.047-.818.126-1.123c.29-1.108.991-1.878%201.957-2.145c.374-.103%201.17-.093%201.589.02a3.34%203.34%200%200%201%201.595.941c.505.548.707%201.025.735%201.738c.021.55-.034.809-.283%201.316c-.211.43-.542.833-.909%201.107c-.15.113-.302.23-.336.26c-.052.046-.067.192-.087.837c-.014.43-.053.986-.086%201.235c-.458%203.354-2.234%205.421-5.307%206.174c-1.023.25-1.37.283-3.183.292c-.908.005-1.748.002-1.867-.005m-3.967-2.877l-.45-.07l-.3-.322c-1.514-1.613-2.085-4.002-1.43-5.98c.646-1.953%202.32-3.39%204.496-3.86c.557-.121%201.912-.133%202.437-.023a6.7%206.7%200%200%201%201.631.56c1.828.904%202.982%202.495%203.205%204.421c.111.955-.13%201.793-.763%202.651c-.712.966-1.618%201.525-2.681%201.654l-.233.028l.267-.277c.475-.495.596-.93.596-2.15c0-.683-.011-.831-.087-1.134c-.182-.721-.476-1.239-.967-1.705c-.643-.611-1.44-.923-2.349-.92c-1.295.005-2.196.828-2.196%202.006c0%20.398.069.695.24%201.033c.135.269.446.62.68.769c.368.233.984.35%201.195.225a.387.387%200%200%200%20.096-.61c-.09-.101-.15-.126-.364-.154c-.337-.043-.437-.086-.642-.275c-.26-.239-.395-.57-.397-.964c-.002-.269.014-.348.11-.543c.133-.27.396-.497.703-.603c.327-.114.98-.096%201.386.038c.854.281%201.456.918%201.699%201.797c.054.196.07.401.07.903c0%20.57-.011.683-.092.941c-.103.327-.31.758-.488%201.019c-.295.429-.853.927-1.283%201.144c-.691.348-2.98.573-4.09.4zM19.199%206.578l-.244-.078l.14-.4c.537-1.544%201.334-2.521%202.057-2.521c.567%200%201.043.588.862%201.067c-.045.12-.244.345-.37.419c-.044.025-.31.054-.597.065c-.497.019-.524.024-.688.139c-.221.154-.503.575-.69%201.03c-.081.2-.166.361-.188.36a3%203%200%200%201-.282-.081m-2.185-.06c-.068-.115-.127-.837-.126-1.545c.001-.639.015-.863.07-1.08c.194-.765.529-1.121%201.055-1.121c.588%200%20.932.42.782.957c-.072.258-.183.365-.591.568c-.312.155-.394.216-.496.369c-.176.262-.228.59-.2%201.253l.023.538l-.165.027c-.09.014-.202.035-.249.047s-.092.006-.103-.012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f9a825%22%20d%3D%22m9.164%2021.221l-.983-.056c-3.402-.19-5.654-.714-6.125-1.427c-.136-.205-.146-.515-.022-.681c.115-.154.377-.28.744-.355l.313-.064l.373.122c1.568.517%202.903.589%204.875.263c.82-.135%201.26-.29%201.736-.613c.183-.124.26-.152.413-.152c.62-.002%201.581-.168%202.066-.357c1.392-.544%202.655-2.023%202.979-3.49c.159-.717.072-1.83-.211-2.693l-.13-.397l.028-.747c.023-.606.047-.818.126-1.123c.29-1.108.991-1.878%201.957-2.145c.374-.103%201.17-.093%201.589.02a3.34%203.34%200%200%201%201.595.941c.505.548.707%201.025.735%201.738c.021.55-.034.809-.283%201.316c-.211.43-.542.833-.909%201.107c-.15.113-.302.23-.336.26c-.052.046-.067.192-.087.837c-.014.43-.053.986-.086%201.235c-.458%203.354-2.234%205.421-5.307%206.174c-1.023.25-1.37.283-3.183.292c-.908.005-1.748.002-1.867-.005m-3.967-2.877l-.45-.07l-.3-.322c-1.514-1.613-2.085-4.002-1.43-5.98c.646-1.953%202.32-3.39%204.496-3.86c.557-.121%201.912-.133%202.437-.023a6.7%206.7%200%200%201%201.631.56c1.828.904%202.982%202.495%203.205%204.421c.111.955-.13%201.793-.763%202.651c-.712.966-1.618%201.525-2.681%201.654l-.233.028l.267-.277c.475-.495.596-.93.596-2.15c0-.683-.011-.831-.087-1.134c-.182-.721-.476-1.239-.967-1.705c-.643-.611-1.44-.923-2.349-.92c-1.295.005-2.196.828-2.196%202.006c0%20.398.069.695.24%201.033c.135.269.446.62.68.769c.368.233.984.35%201.195.225a.387.387%200%200%200%20.096-.61c-.09-.101-.15-.126-.364-.154c-.337-.043-.437-.086-.642-.275c-.26-.239-.395-.57-.397-.964c-.002-.269.014-.348.11-.543c.133-.27.396-.497.703-.603c.327-.114.98-.096%201.386.038c.854.281%201.456.918%201.699%201.797c.054.196.07.401.07.903c0%20.57-.011.683-.092.941c-.103.327-.31.758-.488%201.019c-.295.429-.853.927-1.283%201.144c-.691.348-2.98.573-4.09.4zM19.199%206.578l-.244-.078l.14-.4c.537-1.544%201.334-2.521%202.057-2.521c.567%200%201.043.588.862%201.067c-.045.12-.244.345-.37.419c-.044.025-.31.054-.597.065c-.497.019-.524.024-.688.139c-.221.154-.503.575-.69%201.03c-.081.2-.166.361-.188.36a3%203%200%200%201-.282-.081m-2.185-.06c-.068-.115-.127-.837-.126-1.545c.001-.639.015-.863.07-1.08c.194-.765.529-1.121%201.055-1.121c.588%200%20.932.42.782.957c-.072.258-.183.365-.591.568c-.312.155-.394.216-.496.369c-.176.262-.228.59-.2%201.253l.023.538l-.165.027c-.09.014-.202.035-.249.047s-.092.006-.103-.012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/slug.svg?color=%231a73e8&size=48