tsunami icon
tsunami from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- tsunami
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- tsunami-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the tsunami icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 20.462v-1q.777-.077 1.44-.392q.664-.314 1.385-.83q.77.587 1.638.911t1.712.324q.806 0 1.706-.302t1.644-.894q.8.623 1.65.91t1.7.286q.864 0 1.641-.287q.778-.286 1.709-.947q.783.576 1.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748 0-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792 0-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14 4q.594 0 1.195.049t1.116.142q-.39.742-.6 1.524q-.211.781-.211 1.46q0 1.587 1.12 2.706T19.324 11H21.5v1h-2.175q-2.013 0-3.42-1.406T14.5 7.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909 2.114T9.5 11.019q0 1.362.374 2.395q.374 1.034 1.015 2.009q.257-.125.559-.326l.571-.376q.783.592 1.694.923t1.662.331t1.656-.334t1.694-.92q.666.466 1.347.805q.682.34 1.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823 0-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675 17q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTsunami(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 20.462v-1q.777-.077 1.44-.392q.664-.314 1.385-.83q.77.587 1.638.911t1.712.324q.806 0 1.706-.302t1.644-.894q.8.623 1.65.91t1.7.286q.864 0 1.641-.287q.778-.286 1.709-.947q.783.576 1.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748 0-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792 0-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14 4q.594 0 1.195.049t1.116.142q-.39.742-.6 1.524q-.211.781-.211 1.46q0 1.587 1.12 2.706T19.324 11H21.5v1h-2.175q-2.013 0-3.42-1.406T14.5 7.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909 2.114T9.5 11.019q0 1.362.374 2.395q.374 1.034 1.015 2.009q.257-.125.559-.326l.571-.376q.783.592 1.694.923t1.662.331t1.656-.334t1.694-.92q.666.466 1.347.805q.682.34 1.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823 0-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675 17q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 20.462v-1q.777-.077 1.44-.392q.664-.314 1.385-.83q.77.587 1.638.911t1.712.324q.806 0 1.706-.302t1.644-.894q.8.623 1.65.91t1.7.286q.864 0 1.641-.287q.778-.286 1.709-.947q.783.576 1.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748 0-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792 0-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14 4q.594 0 1.195.049t1.116.142q-.39.742-.6 1.524q-.211.781-.211 1.46q0 1.587 1.12 2.706T19.324 11H21.5v1h-2.175q-2.013 0-3.42-1.406T14.5 7.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909 2.114T9.5 11.019q0 1.362.374 2.395q.374 1.034 1.015 2.009q.257-.125.559-.326l.571-.376q.783.592 1.694.923t1.662.331t1.656-.334t1.694-.92q.666.466 1.347.805q.682.34 1.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823 0-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675 17q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315"/></svg> </template>
CSS
.icon-tsunami {
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%22currentColor%22%20d%3D%22M2.5%2020.462v-1q.777-.077%201.44-.392q.664-.314%201.385-.83q.77.587%201.638.911t1.712.324q.806%200%201.706-.302t1.644-.894q.8.623%201.65.91t1.7.286q.864%200%201.641-.287q.778-.286%201.709-.947q.783.576%201.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748%200-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792%200-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14%204q.594%200%201.195.049t1.116.142q-.39.742-.6%201.524q-.211.781-.211%201.46q0%201.587%201.12%202.706T19.324%2011H21.5v1h-2.175q-2.013%200-3.42-1.406T14.5%207.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909%202.114T9.5%2011.019q0%201.362.374%202.395q.374%201.034%201.015%202.009q.257-.125.559-.326l.571-.376q.783.592%201.694.923t1.662.331t1.656-.334t1.694-.92q.666.466%201.347.805q.682.34%201.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823%200-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675%2017q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315%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%22currentColor%22%20d%3D%22M2.5%2020.462v-1q.777-.077%201.44-.392q.664-.314%201.385-.83q.77.587%201.638.911t1.712.324q.806%200%201.706-.302t1.644-.894q.8.623%201.65.91t1.7.286q.864%200%201.641-.287q.778-.286%201.709-.947q.783.576%201.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748%200-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792%200-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14%204q.594%200%201.195.049t1.116.142q-.39.742-.6%201.524q-.211.781-.211%201.46q0%201.587%201.12%202.706T19.324%2011H21.5v1h-2.175q-2.013%200-3.42-1.406T14.5%207.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909%202.114T9.5%2011.019q0%201.362.374%202.395q.374%201.034%201.015%202.009q.257-.125.559-.326l.571-.376q.783.592%201.694.923t1.662.331t1.656-.334t1.694-.92q.666.466%201.347.805q.682.34%201.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823%200-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675%2017q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/tsunami.svg?color=%231a73e8&size=48
